<html>

<head></head>

<body cz-shortcut-listen="true" style="cursor: auto;background:rgb(17, 17, 19) none repeat scroll 0% 0% / auto padding-box border-box;--framer-will-change-filter-override: none;--framer-will-change-override: none;--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912: #111113;--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5: #fff;--token-73c94324-dd51-4d4c-a813-0c01c4e072e7: #fff6;--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827: #000;--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b: #1d1d1f;--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428: #ff4f22;--token-d8ef2ef6-0baa-4612-9c3b-d89024bd5b04: #fa6e43;--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a: #1f1f21;--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd: #1c1c1e;--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7: #ffffff1a;--token-6c7df1fa-d2b2-4a85-8336-9580a752145d: #ffffffb8;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
    <!-- Start of bodyStart -->
    <!-- End of bodyStart -->
    <div data-framer-hydrate-v2="{&quot;routeId&quot;:&quot;augiA20Il&quot;,&quot;localeId&quot;:&quot;default&quot;,&quot;breakpoints&quot;:[{&quot;hash&quot;:&quot;72rtr7&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1440px)&quot;},{&quot;hash&quot;:&quot;hedmz8&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1439.98px)&quot;},{&quot;hash&quot;:&quot;fr7tm0&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809.98px)&quot;},{&quot;hash&quot;:&quot;e9hty9&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1440px)&quot;},{&quot;hash&quot;:&quot;19ibto3&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1439.98px)&quot;},{&quot;hash&quot;:&quot;64ymql&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809.98px)&quot;}]}" data-framer-ssr-released-at="2026-05-12T14:28:04.547Z" data-framer-page-optimized-at="2026-05-15T18:00:01.628Z" data-framer-generated-page="" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
        <!--$-->
        <div data-layout-template="true" style="min-height:100vh;width:autobackground-color:rgb(17, 17, 19);flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;height:10681.5px;padding:16px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
            <div style="flex: 0 0 auto;order:-1000;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <!--$-->
                <div style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                <!--/$-->
            </div>
            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div data-framer-layout-hint-center-x="true" style="z-index:3;flex: 0 0 auto;order:-999;width: 100%;max-width:427px;height: auto;position:absolute;top:16px;left:952.5px;transform:matrix(1, 0, 0, 1, -213.5, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <nav data-border="true" data-framer-name="Desktop Home" style="--border-bottom-width: 0px; --border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgba(0, 0, 0, 0); max-width: 100%; width: 100%; opacity: 1;--border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgba(0, 0, 0, 0);max-width:100%;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;height:38px;padding:10px 45px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:38px;width: min-content;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu" href="./" data-framer-page-link-current="true" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgb(255, 79, 34) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 79, 34);box-sizing:border-box;-webkit-font-smoothing:antialiased;">H</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 79, 34);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 79, 34);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 79, 34);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span></p>
                                    </div>
                                </div>
                            </a><a data-framer-name="Menu" href="./about" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgb(255, 255, 255) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">A</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">b</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">u</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span></p>
                                    </div>
                                </div>
                            </a><a data-framer-name="Menu" href="./project" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgb(255, 255, 255) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">P</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">j</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span></p>
                                    </div>
                                </div>
                            </a><a data-framer-name="Menu" href="./news" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgb(255, 255, 255) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">N</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">w</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span></p>
                                    </div>
                                </div>
                            </a><a data-framer-name="Menu" href="./contact" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgb(255, 255, 255) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">C</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgb(255, 255, 255);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span></p>
                                    </div>
                                </div>
                            </a></div>
                    </nav>
                </div>
            </div>
            <div data-framer-root="" style="min-height:100vh;width:auto;display:contentsbackground-color:rgb(17, 17, 19);flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;height:min-content;padding:0px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div data-framer-name="Line Wrap" style="z-index:0;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1440px;height:10585px;padding:0px;display:flex;position:absolute;top:19.625px;left:232.5px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Middle 01" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;z-index:0;flex: 0 0 auto;width: 1px;height:10530px;position:absolute;top:55px;left:506px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                    <div data-border="true" data-framer-name="Middle 02" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 0px;--border-right-width: 1px;--border-style: dashed;--border-top-width: 0px;z-index:0;flex: 0 0 auto;width: 1px;height:10530px;position:absolute;top:55px;left:932.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </div>
                <header data-framer-name="Hero Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:876.156px;padding:38px 30px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;max-width:1280px;height:838.156px;padding:24px 0px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:20px;width: 100%;height:794.156px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Top Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:34px;width: 100%;height:756.156px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:224px;padding:0px 12px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Text Wrap" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:0px;width: 1px;max-width:412px;height:224px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <h1 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="display: inline-block; will-change: transform;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Hello</span> <span style="display: inline-block; will-change: transform;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">I'm</span></h1>
                                            <h1 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;margin-top:0px;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="display: inline-block; will-change: transform;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock</span></h1>
                                        </div>
                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:translateY(-50%)--framer-paragraph-spacing: 0px;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:141.109px;left:400px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="LhM3Pj1QX" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 8px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 100%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:8px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="display: inline-block; will-change: transform;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">TM</span></p>
                                        </div>
                                    </div>
                                    <div data-framer-appear-id="1x7gku5" data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Available for project July 26</p>
                                    </div>
                                </div>
                                <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end center;align-items:flex-end;gap:20px;width: 100%;height:498.156px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Date &amp; Email" style="flex-flow:column nowrap;place-content:flex-start space-between;align-self:stretch;align-items:flex-start;width: 1px;max-width:387px;height: auto;padding:12px 0px 16px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-appear-id="1br081y" data-framer-name="Date Wrap" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: min-content;height:20.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="SVG" data-framer-name="Date Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0));color:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0))flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                        <use href="#svg2060367462_1324" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                    </svg></div>
                                            </div>
                                            <div data-framer-name="Date Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">15-26</p>
                                            </div>
                                        </div>
                                        <div data-framer-appear-id="3mp9sn" data-framer-name="Email" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;height:20.7969px;overflow:clip;z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:0px;width: min-content;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Email:</p>
                                            </div>
                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <!--$--><a data-styles-preset="MwGqXTNv3" href="mailto:someone@example.com" target="_blank" rel="noopener" style="--framer-link-hover-text-color: 1;--framer-link-text-color: 1;color:rgba(255, 255, 255, 0.4);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:superellipse(1);padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"> hello@frederock.design</a>
                                                    <!--/$-->
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Image Wrap" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 1px;max-width:427px;height:498.156px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Hero Image" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;aspect-ratio:0.857143 / 1;height:498.156px;z-index:1;flex:1 0 0px;width: 1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="994" sizes="max(min(max((min(max(100vw - 60px, 1px), 1280px) - 40px) / 3, 1px), 427px), 1px)" srcset="https://framerusercontent.com/images/M2yekmEpE1TXxF4xYkwYGzi5ejc.png?width=854&amp;height=994 854w" src="https://framerusercontent.com/images/M2yekmEpE1TXxF4xYkwYGzi5ejc.png?width=854&amp;height=994" alt="Hero Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:498.156px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Text &amp; Button" style="flex-flow:column nowrap;place-content:flex-end center;align-items:flex-end;gap:75px;width: 1px;max-width:387px;height:218.188px;padding:0px 0px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-appear-id="axl728" data-framer-name="Description text" data-framer-component-type="RichTextContainer" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Helping startups and teams bring their ideas to life through thoughtful, user-focused design. From strategy to final build, I’m here to make your product easier to use and more beautiful.</p>
                                        </div>
                                        <!--$-->
                                        <!--/$-->
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-appear-id="10zbb3x" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;z-index:2;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./contact" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                            </div>
                                                            <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                </a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Social Media" style="z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;max-width:913px;height:18px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <!--$--><a data-framer-appear-id="kw498j" data-framer-name="Menu" href="https://www.linkedin.com/" rel="noopener" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">L</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">k</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">d</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">I</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span></p>
                                        </div>
                                    </div>
                                </a>
                                <!--/$-->
                                <!--$--><a data-framer-appear-id="1x1ozoq" data-framer-name="Menu" href="https://twitter.com/" rel="noopener" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">X</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">.</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span></p>
                                        </div>
                                    </div>
                                </a>
                                <!--/$-->
                                <!--$--><a data-framer-appear-id="15kd7mg" data-framer-name="Menu" href="https://www.instagram.com/" rel="noopener" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">I</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">g</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span></p>
                                        </div>
                                    </div>
                                </a>
                                <!--/$-->
                            </div>
                        </div>
                        <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10.06px;width: 100%;height:838.156px;padding:0px;display:flex;position:absolute;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="z-index:1;flex: 0 0 auto;width: 100%;height:838.156px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:838.156px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </div>
                                        <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </header>
                <section data-framer-appear-id="z96erd" data-framer-name="Client Section" style="opacity: 1; transform: none; will-change: transform;transform:none;will-change:transform;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:170px;padding:0px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:1280px;height:170px;padding:80px 0px 60px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Clients Container" style="z-index:1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:16px;width: 1px;max-width:1240px;height:30px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Selected Clients </p>
                            </div>
                            <div data-framer-component-type="SVG" data-framer-name="Line" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0));color:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0))flex: 0 0 auto;width: 22%;height:3px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 273 3" preserveAspectRatio="none" width="100%" height="100%">
                                        <use href="#svg184365841_179" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                    </svg></div>
                            </div>
                            <div style="flex:1 0 0px;width: 1px;max-width:813px;height:30px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <!--$-->
                                <section style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 10px; list-style-type: none; opacity: 1; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 17.5%, rgb(0, 0, 0) 82.5%, rgba(0, 0, 0, 0) 100%); overflow: hidden;width: 100%;height:30px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:10px;list-style-type:none;opacity:1;mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 17.5%, rgb(0, 0, 0) 82.5%, rgba(0, 0, 0, 0) 100%);overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <ul style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 0px; list-style-type: none; gap: 16px; position: relative; flex-direction: row; will-change: auto; transform: translateX(0px);width: 100%;height:10px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:0px;list-style-type:none;gap:16px;position:relative;flex-direction:row;will-change: auto;transform:matrix(1, 0, 0, 1, 0, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Clients List" style="flex-shrink:0flex-flow:row nowrap;place-content:center;align-items:center;gap:31px;width: min-content;height:30px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-component-type="SVG" data-framer-name="Lumina IVF" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)flex: 0 0 auto;width: 132px;height:28px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 132 28" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg2014881742_11494" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:6px;width: min-content;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 27px;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Mask group" style="flex: 0 0 auto;width: 27px;height:27px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="SsOduXP4PqbpPRL4LsSDlzg8c" style="will-change:auto;border-radius:113px;flex: 0 0 auto;width: 27px;height:27px;position:absolute;top:0px;left:0px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Logo Background" style="background-color:rgba(255, 255, 255, 0.4);flex: 0 0 auto;width: 36px;height:33px;position:absolute;top:-3px;left:-4px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:&quot;Plus Jakarta Sans&quot;, &quot;Plus Jakarta Sans Placeholder&quot;, sans-serif;--framer-font-size:19.15px;--framer-font-weight:600;--framer-letter-spacing:-0.6px;--framer-line-height:140%;--framer-text-color:rgba(255, 255, 255, 0.4)background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgba(255, 255, 255, 0.4);font-size:19.15px;letter-spacing:-0.6px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26.81px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Remarked.design</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:6px;width: 90px;height:26px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="SVG" data-framer-name="fi_3322490" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)flex: 0 0 auto;width: 26px;height:26px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 26 26" preserveAspectRatio="none" width="100%" height="100%">
                                                                <use href="#svg1264033048_2610" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                            </svg></div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector:SW50ZXItQm9sZA==;--framer-font-size:16.07px;--framer-font-weight:700;--framer-letter-spacing:-0.05em;--framer-line-height:150%;--framer-text-color:rgba(255, 255, 255, 0.4)background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgba(255, 255, 255, 0.4);font-size:16.07px;letter-spacing:-0.8035px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24.105px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Shipped</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p dir="auto" style="--font-selector:R0Y7T3V0Zml0LTUwMA==;--framer-font-family:&quot;Outfit&quot;, &quot;Outfit Placeholder&quot;, sans-serif;--framer-font-size:21.43px;--framer-font-weight:500;--framer-letter-spacing:-0.57px;--framer-line-height:140%;--framer-text-color:rgba(255, 255, 255, 0.4)background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Outfit, 'Outfit Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:21.43px;letter-spacing:-0.57px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.002px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">RabLab</p>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="Logo" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)flex: 0 0 auto;width: 137px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 137 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg-528827985_7670" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="logo-dark 1" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)flex: 0 0 auto;width: 48px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 48 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg1261183697_7337" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Clients List" style="flex-shrink: 0;flex-flow:row nowrap;place-content:center;align-items:center;gap:31px;width: min-content;height:30px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-component-type="SVG" data-framer-name="Lumina IVF" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 132px;height:28px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:28px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 132 28" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg2014881742_11494" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:6px;width: min-content;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 27px;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Mask group" style="flex: 0 0 auto;width: 27px;height:27px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="SsOduXP4PqbpPRL4LsSDlzg8c" style="will-change:auto;border-radius:113px;flex: 0 0 auto;width: 27px;height:27px;position:absolute;top:0px;left:0px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Logo Background" style="background-color:rgba(255, 255, 255, 0.4);flex: 0 0 auto;width: 36px;height:33px;position:absolute;top:-3px;left:-4px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw; --framer-font-family: &quot;Plus Jakarta Sans&quot;, &quot;Plus Jakarta Sans Placeholder&quot;, sans-serif; --framer-font-size: 19.15px; --framer-font-weight: 600; --framer-letter-spacing: -0.6px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;--framer-font-size: 19.15px;--framer-font-weight: 600;--framer-letter-spacing: -0.6px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgba(255, 255, 255, 0.4);font-size:19.15px;letter-spacing:-0.6px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26.81px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Remarked.design</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:6px;width: 90px;height:26px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="SVG" data-framer-name="fi_3322490" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 26px;height:26px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:26px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 26 26" preserveAspectRatio="none" width="100%" height="100%">
                                                                <use href="#svg1264033048_2610" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                            </svg></div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: SW50ZXItQm9sZA==; --framer-font-size: 16.07px; --framer-font-weight: 700; --framer-letter-spacing: -0.05em; --framer-line-height: 150%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-size: 16.07px;--framer-font-weight: 700;--framer-letter-spacing: -0.05em;--framer-line-height: 150%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgba(255, 255, 255, 0.4);font-size:16.07px;letter-spacing:-0.8035px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24.105px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Shipped</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p dir="auto" style="--font-selector: R0Y7T3V0Zml0LTUwMA==; --framer-font-family: &quot;Outfit&quot;, &quot;Outfit Placeholder&quot;, sans-serif; --framer-font-size: 21.43px; --framer-font-weight: 500; --framer-letter-spacing: -0.57px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Outfit', 'Outfit Placeholder', sans-serif;--framer-font-size: 21.43px;--framer-font-weight: 500;--framer-letter-spacing: -0.57px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Outfit, 'Outfit Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:21.43px;letter-spacing:-0.57px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.002px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">RabLab</p>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="Logo" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 137px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 137 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg-528827985_7670" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="logo-dark 1" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 48px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 48 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg1261183697_7337" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Clients List" style="flex-shrink: 0;flex-flow:row nowrap;place-content:center;align-items:center;gap:31px;width: min-content;height:30px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-component-type="SVG" data-framer-name="Lumina IVF" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 132px;height:28px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:28px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 132 28" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg2014881742_11494" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:6px;width: min-content;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 27px;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Mask group" style="flex: 0 0 auto;width: 27px;height:27px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="SsOduXP4PqbpPRL4LsSDlzg8c" style="will-change:auto;border-radius:113px;flex: 0 0 auto;width: 27px;height:27px;position:absolute;top:0px;left:0px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Logo Background" style="background-color:rgba(255, 255, 255, 0.4);flex: 0 0 auto;width: 36px;height:33px;position:absolute;top:-3px;left:-4px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw; --framer-font-family: &quot;Plus Jakarta Sans&quot;, &quot;Plus Jakarta Sans Placeholder&quot;, sans-serif; --framer-font-size: 19.15px; --framer-font-weight: 600; --framer-letter-spacing: -0.6px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;--framer-font-size: 19.15px;--framer-font-weight: 600;--framer-letter-spacing: -0.6px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgba(255, 255, 255, 0.4);font-size:19.15px;letter-spacing:-0.6px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26.81px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Remarked.design</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:6px;width: 90px;height:26px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="SVG" data-framer-name="fi_3322490" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 26px;height:26px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:26px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 26 26" preserveAspectRatio="none" width="100%" height="100%">
                                                                <use href="#svg1264033048_2610" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                            </svg></div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: SW50ZXItQm9sZA==; --framer-font-size: 16.07px; --framer-font-weight: 700; --framer-letter-spacing: -0.05em; --framer-line-height: 150%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-size: 16.07px;--framer-font-weight: 700;--framer-letter-spacing: -0.05em;--framer-line-height: 150%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgba(255, 255, 255, 0.4);font-size:16.07px;letter-spacing:-0.8035px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24.105px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Shipped</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p dir="auto" style="--font-selector: R0Y7T3V0Zml0LTUwMA==; --framer-font-family: &quot;Outfit&quot;, &quot;Outfit Placeholder&quot;, sans-serif; --framer-font-size: 21.43px; --framer-font-weight: 500; --framer-letter-spacing: -0.57px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Outfit', 'Outfit Placeholder', sans-serif;--framer-font-size: 21.43px;--framer-font-weight: 500;--framer-letter-spacing: -0.57px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Outfit, 'Outfit Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:21.43px;letter-spacing:-0.57px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.002px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">RabLab</p>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="Logo" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 137px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 137 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg-528827985_7670" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="logo-dark 1" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 48px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 48 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg1261183697_7337" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Clients List" style="flex-shrink: 0;flex-flow:row nowrap;place-content:center;align-items:center;gap:31px;width: min-content;height:30px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-component-type="SVG" data-framer-name="Lumina IVF" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 132px;height:28px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:28px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 132 28" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg2014881742_11494" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:6px;width: min-content;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 27px;height:27px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Mask group" style="flex: 0 0 auto;width: 27px;height:27px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="SsOduXP4PqbpPRL4LsSDlzg8c" style="will-change:auto;border-radius:113px;flex: 0 0 auto;width: 27px;height:27px;position:absolute;top:0px;left:0px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Logo Background" style="background-color:rgba(255, 255, 255, 0.4);flex: 0 0 auto;width: 36px;height:33px;position:absolute;top:-3px;left:-4px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw; --framer-font-family: &quot;Plus Jakarta Sans&quot;, &quot;Plus Jakarta Sans Placeholder&quot;, sans-serif; --framer-font-size: 19.15px; --framer-font-weight: 600; --framer-letter-spacing: -0.6px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;--framer-font-size: 19.15px;--framer-font-weight: 600;--framer-letter-spacing: -0.6px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgba(255, 255, 255, 0.4);font-size:19.15px;letter-spacing:-0.6px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26.81px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Remarked.design</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:6px;width: 90px;height:26px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="SVG" data-framer-name="fi_3322490" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 26px;height:26px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:26px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 26 26" preserveAspectRatio="none" width="100%" height="100%">
                                                                <use href="#svg1264033048_2610" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                            </svg></div>
                                                    </div>
                                                    <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p dir="auto" style="--font-selector: SW50ZXItQm9sZA==; --framer-font-size: 16.07px; --framer-font-weight: 700; --framer-letter-spacing: -0.05em; --framer-line-height: 150%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-size: 16.07px;--framer-font-weight: 700;--framer-letter-spacing: -0.05em;--framer-line-height: 150%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgba(255, 255, 255, 0.4);font-size:16.07px;letter-spacing:-0.8035px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24.105px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Shipped</p>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Logo Text" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p dir="auto" style="--font-selector: R0Y7T3V0Zml0LTUwMA==; --framer-font-family: &quot;Outfit&quot;, &quot;Outfit Placeholder&quot;, sans-serif; --framer-font-size: 21.43px; --framer-font-weight: 500; --framer-letter-spacing: -0.57px; --framer-line-height: 140%; --framer-text-color: rgba(255, 255, 255, 0.4);--framer-font-family: 'Outfit', 'Outfit Placeholder', sans-serif;--framer-font-size: 21.43px;--framer-font-weight: 500;--framer-letter-spacing: -0.57px;--framer-line-height: 140%;--framer-text-color: rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Outfit, 'Outfit Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:21.43px;letter-spacing:-0.57px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.002px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">RabLab</p>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="Logo" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 137px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 137 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg-528827985_7670" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                                <div data-framer-component-type="SVG" data-framer-name="logo-dark 1" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0);flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);flex: 0 0 auto;width: 48px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:20px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 48 20" preserveAspectRatio="none" width="100%" height="100%">
                                                            <use href="#svg1261183697_7337" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </section>
                                <!--/$-->
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="About Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:926.625px;padding:0px 30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;max-width:1280px;height:926.625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:flex-end;align-items:flex-end;gap:60px;width: 1px;height:926.625px;padding:80px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Testimonial  &amp; Button" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;max-width:851px;height:315.031px;padding:0px 16px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Testimonial Card" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:32px;width: 1px;max-width:426px;height:315.031px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Subtext" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:20.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock</p>
                                        </div>
                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-2px;right:-12px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="LhM3Pj1QX" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 8px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 100%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:8px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">TM</p>
                                        </div>
                                    </div>
                                    <div data-framer-name="Profile Wrapper" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:12px;width: 100%;height:89.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Profile Image" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;aspect-ratio:3.41463 / 1;height:41px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:0px;width: 140px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="136" height="40" src="https://framerusercontent.com/images/PgvBxdyq0gctUNqg2kZoMzA1Pw.svg?width=136&amp;height=40" alt="Profile Image" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                        <div data-framer-name="Stars" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:4px;width: 100%;height:36.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="transform:none--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Trusted by clients worldwide</p>
                                            </div>
                                            <div data-framer-component-type="SVG" data-framer-name="Star" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering:pixelated;flex-shrink:0;fill:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0));color:var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0))flex: 0 0 auto;width: 76px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="width:100%;height:100%;aspect-ratio:inheritbox-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 76 12" preserveAspectRatio="none" width="100%" height="100%">
                                                        <use href="#svg1393092386_3483" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                    </svg></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">frederock is a digital product designer with a focus on clarity, usability, and visual balance. He works closely with brands and teams to shape intuitive websites and interfaces that feel simple — never simplistic. Currently based in Toronto, collaborating remotely with clients across the globe.</p>
                                    </div>
                                </div>
                                <!--$-->
                                <!--/$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:2;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 2" data-reset="button" href="./about" style="background-color: var(--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b, rgb(29, 29, 31)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">More About Me</p>
                                                    </div>
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">More About Me</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </a></div>
                                </div>
                            </div>
                            <div data-framer-name="Card Content" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: 100%;height:371.594px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:371.594px;padding:0px 0px 40px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;height:331.594px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:267.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Count" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:115.203px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p style="margin: 0px; opacity: 0; pointer-events: none; user-select: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;opacity:0;pointer-events:none;user-select:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                            <p style="position: absolute; inset: 0px; user-select: auto; margin: 0px; color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); text-decoration: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;inset:0px;user-select: auto;margin:0px;color:rgb(255, 255, 255);text-decoration:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: translate(-50%, -50%); opacity: 1;transform:matrix(1, 0, 0, 1, -10.7734, -8.39844);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:8.0625px;left:62.7344px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="eGp9Qi33y" dir="auto" style="--framer-font-family: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-family-bold: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 800;--framer-letter-spacing: -.02em;--framer-line-height: 120%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Almarai, 'Almarai Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:14px;letter-spacing:-0.28px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:16.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">[ + ]</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:112.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Years of design experience</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">I’ve been designing things people enjoy using for years — with care, curiosity, and consistency.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;z-index:1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:371.594px;padding:40px 0px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;height:331.594px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:267.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Count" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:115.203px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p style="margin: 0px; opacity: 0; pointer-events: none; user-select: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;opacity:0;pointer-events:none;user-select:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                            <p style="position: absolute; inset: 0px; user-select: auto; margin: 0px; color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); text-decoration: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;inset:0px;user-select: auto;margin:0px;color:rgb(255, 255, 255);text-decoration:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: translate(-50%, -50%); opacity: 1;transform:matrix(1, 0, 0, 1, -10.7734, -8.39844);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:8.0625px;left:62.7344px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="eGp9Qi33y" dir="auto" style="--framer-font-family: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-family-bold: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 800;--framer-letter-spacing: -.02em;--framer-line-height: 120%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Almarai, 'Almarai Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:14px;letter-spacing:-0.28px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:16.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">[ + ]</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:112.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Satisfied clients</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Happy to have worked with great people and teams — building trust throughcleardesign.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;z-index:1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:371.594px;padding:0px 0px 40px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;height:331.594px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:267.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Count" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:115.203px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p style="margin: 0px; opacity: 0; pointer-events: none; user-select: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;opacity:0;pointer-events:none;user-select:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                            <p style="position: absolute; inset: 0px; user-select: auto; margin: 0px; color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); text-decoration: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;inset:0px;user-select: auto;margin:0px;color:rgb(255, 255, 255);text-decoration:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: translate(-50%, -50%); opacity: 1;transform:matrix(1, 0, 0, 1, -10.7734, -8.39844);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:8.0625px;left:62.7344px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="eGp9Qi33y" dir="auto" style="--framer-font-family: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-family-bold: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 800;--framer-letter-spacing: -.02em;--framer-line-height: 120%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Almarai, 'Almarai Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:14px;letter-spacing:-0.28px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:16.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">[ + ]</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:112.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Awards</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A few nice recognitions along the way — for design that feels right, works well, and connects with people.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:371.594px;padding:40px 0px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;height:331.594px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:267.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Count" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:115.203px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p style="margin: 0px; opacity: 0; pointer-events: none; user-select: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;opacity:0;pointer-events:none;user-select:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                            <p style="position: absolute; inset: 0px; user-select: auto; margin: 0px; color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); text-decoration: none; text-align: center; font-family: Oswald, &quot;Oswald Placeholder&quot;, sans-serif; font-feature-settings: &quot;zero&quot;, &quot;tnum&quot;; font-size: 96px; font-style: normal; font-weight: 500; letter-spacing: -3px; line-height: 1.2em;inset:0px;user-select: auto;margin:0px;color:rgb(255, 255, 255);text-decoration:none;text-align:center;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-feature-settings:'tnum', 'zero';font-size:96px;font-style:normal;font-weight:500;letter-spacing:-3px;line-height:115.2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: translate(-50%, -50%); opacity: 1;transform:matrix(1, 0, 0, 1, -10.7734, -8.39844);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:8.0625px;left:62.7344px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="eGp9Qi33y" dir="auto" style="--framer-font-family: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-family-bold: 'Almarai','Almarai Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 800;--framer-letter-spacing: -.02em;--framer-line-height: 120%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Almarai, 'Almarai Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(255, 255, 255);font-size:14px;letter-spacing:-0.28px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:16.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">[ + ]</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:112.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Projects done successfully</p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Real work, done well — launched with purpose, backed by results, and shaped by real user needs.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:926.625px;padding:0px;display:flex;position:absolute;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="z-index:1;flex: 0 0 auto;width: 100%;height:926.625px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:926.625px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </div>
                                        <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Project Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:1142.52px;padding:0px 30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;max-width:1280px;height:1142.52px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:80px;width: 100%;height:1042.52px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:192.797px;padding:0px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Text Wrap" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:0px;width: 1px;max-width:833px;height:192.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Tittle" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:192.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Selected works</p>
                                        </div>
                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Projects</h2>
                                        </div>
                                    </div>
                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:426px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Here are a few design projects I’ve enjoyed working on. From landing pages to product UIs — each one had a different goal, but the same focus: make it simple, clean, and useful.</p>
                                    </div>
                                </div>
                                <!--$-->
                                <!--/$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:2;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 2" data-reset="button" href="./project" style="background-color: var(--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b, rgb(29, 29, 31)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View All Projects</p>
                                                    </div>
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">View All Projects</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </a></div>
                                </div>
                            </div>
                            <div data-framer-name="Card Contact" style="z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:12px;width: 100%;height:653.719px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;z-index:1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:364px;height:565.203px;padding:0px 0px 120px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:20px;width: 1px;height:445.203px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <!--$-->
                                        <!--/$-->
                                        <!--/$-->
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" href="./project/menutap-ordering-app" style="width: 100%; opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:20px;height:445.203px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:329.609px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Project Image" style="transform: none; opacity: 1;opacity:1;aspect-ratio:1.10429 / 1;height:329.609px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="720" height="652" sizes="max(max(min(max((min(max(100vw - 60px, 1px), 1280px) - 24px) / 3, 1px), 364px), 1px), 1px)" srcset="https://framerusercontent.com/images/OAKmlgq9ilndgKgzNxxc1CA7ps.png?scale-down-to=512 512w,https://framerusercontent.com/images/OAKmlgq9ilndgKgzNxxc1CA7ps.png 720w" src="https://framerusercontent.com/images/OAKmlgq9ilndgKgzNxxc1CA7ps.png" alt="Project Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:329.609px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:absolute;top:16px;left:16px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Food App</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:95.5938px;padding:0px 20px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Heading" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Title" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:10px;width: 1px;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">MenuTap ordering app</p>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;bottom:-28px;left:0px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 79, 34);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">MenuTap ordering app</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:16px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="White Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-1012935196_432" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-component-type="SVG" data-framer-name="Red Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;z-index:1;flex: 0 0 auto;width: 16px;height:16px;position:absolute;bottom:-16px;left:-16px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1579986660_436" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Streamlined a food ordering experience with fast navigation and friendly design.</p>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(180deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:437.172px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:437.172px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                </a></div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:364px;height:565.203px;padding:120px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:20px;width: 1px;height:445.203px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <!--$-->
                                        <!--/$-->
                                        <!--/$-->
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" href="./project/kindred-studio-site" style="width: 100%; opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:20px;height:445.203px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:329.609px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Project Image" style="transform: none; opacity: 1;opacity:1;aspect-ratio:1.10429 / 1;height:329.609px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="720" height="652" sizes="max(max(min(max((min(max(100vw - 60px, 1px), 1280px) - 24px) / 3, 1px), 364px), 1px), 1px)" srcset="https://framerusercontent.com/images/0tfIfjwjaKd4ojhX0bELGVReuM.png?scale-down-to=512 512w,https://framerusercontent.com/images/0tfIfjwjaKd4ojhX0bELGVReuM.png 720w" src="https://framerusercontent.com/images/0tfIfjwjaKd4ojhX0bELGVReuM.png" alt="Project Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:329.609px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:absolute;top:16px;left:16px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Portfolio Website</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:95.5938px;padding:0px 20px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Heading" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Title" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:10px;width: 1px;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Kindred studio site</p>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;bottom:-28px;left:0px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 79, 34);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Kindred studio site</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:16px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="White Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-1012935196_432" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-component-type="SVG" data-framer-name="Red Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;z-index:1;flex: 0 0 auto;width: 16px;height:16px;position:absolute;bottom:-16px;left:-16px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1579986660_436" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A bold, visual-first site for a design studio with personality and structure.</p>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(180deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:437.172px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:437.172px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                </a></div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Card Row" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:542px;height:653.719px;padding:60px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:20px;width: 1px;height:593.719px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <!--$-->
                                        <!--$-->
                                        <!--/$-->
                                        <!--/$-->
                                        <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" href="./project/orbitflow-dashboard-ux" style="width: 100%; opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:20px;height:593.719px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:478.125px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Project Image" style="transform: none; opacity: 1;opacity:1;aspect-ratio:1.10429 / 1;height:478.125px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="1072" height="944" sizes="max(max(min(max((min(max(100vw - 60px, 1px), 1280px) - 24px) / 3, 1px), 542px), 1px), 1px)" srcset="https://framerusercontent.com/images/rLLTh6qlUuEvzEpbf1n5nzyDF4.png?scale-down-to=512 512w,https://framerusercontent.com/images/rLLTh6qlUuEvzEpbf1n5nzyDF4.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/rLLTh6qlUuEvzEpbf1n5nzyDF4.png 1072w" src="https://framerusercontent.com/images/rLLTh6qlUuEvzEpbf1n5nzyDF4.png" alt="Project Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:478.125px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:absolute;top:16px;left:16px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">SaaS Product</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:95.5938px;padding:0px 20px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Heading" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Title" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:10px;width: 1px;height:26px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">OrbitFlow dashboard UX</p>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;bottom:-28px;left:0px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 79, 34);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">OrbitFlow dashboard UX</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:16px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="White Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-1012935196_432" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-component-type="SVG" data-framer-name="Red Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); opacity: 1;flex-shrink:0;fill:rgb(255, 255, 255);color:rgb(255, 255, 255);opacity:1;z-index:1;flex: 0 0 auto;width: 16px;height:16px;position:absolute;bottom:-16px;left:-16px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:16px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1579986660_436" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Redesigned a SaaS analytics dashboard to improve clarity, reduce cognitive load, and make key data easier to understand at a glance.</p>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(180deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:584.344px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --border-left-width: 0.5px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.5px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34));--border-left-width: 0.5px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.5px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:584.344px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                </a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:1042.52px;padding:0px;display:flex;position:absolute;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:1042.52px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:1042.52px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Service Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:1010.8px;padding:0px 30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:0px;width: 1px;max-width:1280px;height:1010.8px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:910.797px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:0px;width: 100%;max-width:849px;height:192.797px;padding:0px 0px 0px 16px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Tittle" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:192.797px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What I Do</p>
                                    </div>
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Services</h2>
                                    </div>
                                </div>
                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:426px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Design support that feels thoughtful, focused, and built around your goals. Whether you're starting fresh or refining something live — I’ll meet you where you are and help move it forward.</p>
                                </div>
                            </div>
                            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 0; transform: translateY(40px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 40);z-index:2;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Desktop 01" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:24px;height:522px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Left Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center space-between;align-self:stretch;align-items:center;width: 1px;max-width:400px;height: auto;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Service Row" data-highlight="true" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:48px;width: 100%;height:225.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Tittle &amp; Sub" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:32px;width: 100%;height:133.984px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle Row" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:39.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;--framer-link-text-decoration: underline;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-alignment: left;--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Web Design &amp; Layouts</h4>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Description text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Beautiful websites that are easy to explore.

From landing pages to full sites, I design layouts that feel clean, modern, and made for humans — not just pixels.</p>
                                                    </div>
                                                </div>
                                                <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./project" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    </a></div>
                                            </div>
                                            <div data-framer-name="Service Row" data-highlight="true" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:48px;width: 100%;height:225.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Tittle &amp; Sub" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:32px;width: 100%;height:133.984px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle Row" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:39.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;--framer-link-text-color: rgb(0, 153, 255);--framer-link-text-decoration: underline;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Creative Direction</h4>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Description text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Helping ideas take shape — visually and strategically.

I support founders, studios, and teams by shaping the creative side of your brand — from first ideas to final polish.</p>
                                                    </div>
                                                </div>
                                                <div style="opacity: 0;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    </a></div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:427px;height:522px;min-height:522px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Image 01" style="opacity: 1;will-change:auto;z-index:4;flex: 0 0 auto;width: 426px;height:522px;position:absolute;top:0px;left:0.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="854" height="1040" sizes="426px" srcset="https://framerusercontent.com/images/MZrjiuj81GMjce5sitq4D8JHCZ4.png?scale-down-to=1024&amp;width=854&amp;height=1040 840w,https://framerusercontent.com/images/MZrjiuj81GMjce5sitq4D8JHCZ4.png?width=854&amp;height=1040 854w" src="https://framerusercontent.com/images/MZrjiuj81GMjce5sitq4D8JHCZ4.png?width=854&amp;height=1040" alt="Service Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:522px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Image 02" style="opacity: 1;will-change:auto;z-index:3;flex: 0 0 auto;width: 426px;height:522px;position:absolute;top:0px;left:0.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="854" height="1040" sizes="426px" srcset="https://framerusercontent.com/images/6iGT07B1ytUhQpXcR98fte0T78.png?scale-down-to=1024&amp;width=854&amp;height=1040 840w,https://framerusercontent.com/images/6iGT07B1ytUhQpXcR98fte0T78.png?width=854&amp;height=1040 854w" src="https://framerusercontent.com/images/6iGT07B1ytUhQpXcR98fte0T78.png?width=854&amp;height=1040" alt="Service Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:522px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Image 03" style="opacity: 1;will-change:auto;z-index:2;flex: 0 0 auto;width: 426px;height:522px;position:absolute;top:0px;left:0.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="854" height="1040" sizes="426px" srcset="https://framerusercontent.com/images/TqBq70lTi99iw5F7IzxjmbbR8CE.png?scale-down-to=1024&amp;width=854&amp;height=1040 840w,https://framerusercontent.com/images/TqBq70lTi99iw5F7IzxjmbbR8CE.png?width=854&amp;height=1040 854w" src="https://framerusercontent.com/images/TqBq70lTi99iw5F7IzxjmbbR8CE.png?width=854&amp;height=1040" alt="Service Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:522px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Image 04" style="opacity: 1;will-change:auto;z-index:1;flex: 0 0 auto;width: 426px;height:522px;position:absolute;top:0px;left:0.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="854" height="1040" sizes="426px" srcset="https://framerusercontent.com/images/ecBRTBJ0m72VRB1YRphOUAKBqNI.png?scale-down-to=1024&amp;width=854&amp;height=1040 840w,https://framerusercontent.com/images/ecBRTBJ0m72VRB1YRphOUAKBqNI.png?width=854&amp;height=1040 854w" src="https://framerusercontent.com/images/ecBRTBJ0m72VRB1YRphOUAKBqNI.png?width=854&amp;height=1040" alt="Service Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:522px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Right Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center space-between;align-self:stretch;align-items:center;width: 1px;max-width:400px;height: auto;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Service Row" data-highlight="true" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-end center;align-items:flex-end;gap:48px;width: 100%;height:225.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Tittle &amp; Sub" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:32px;width: 100%;height:133.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle Row" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:39.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;--framer-link-text-color: rgb(0, 153, 255);--framer-link-text-decoration: underline;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-alignment: right; --framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product UI Design</h4>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Description text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: right; --framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Interfaces that feel natural to use.

 I help apps and platforms look better and work smarter. Every screen is designed with usability, flow.</p>
                                                    </div>
                                                </div>
                                                <div style="opacity: 0;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    </a></div>
                                            </div>
                                            <div data-framer-name="Service Row" data-highlight="true" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-end center;align-items:flex-end;gap:48px;width: 100%;height:229.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Tittle &amp; Sub" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:32px;width: 100%;height:137.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle Row" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;height:43.5938px;padding:0px 0px 4px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;--framer-link-text-color: rgb(0, 153, 255);--framer-link-text-decoration: underline;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-alignment: right; --framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-1eung3n, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Design Audits &amp; Fixes</h4>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Description text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: right; --framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quick wins that make a real difference.

 Already have something live? I’ll review, refine, and rebuild key sections to improve usability, visuals, and performance.</p>
                                                    </div>
                                                </div>
                                                <div style="opacity: 0;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                                <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Your Project</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    </a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:910.797px;padding:0px;display:flex;position:absolute;bottom:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:910.797px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:910.797px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Testimonial Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 100%;height:954.062px;padding:0px 30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;max-width:1280px;height:954.062px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:854.062px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:0px;width: 100%;max-width:848px;height:192.797px;padding:0px 0px 0px 16px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Tittle" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:192.797px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Clients</p>
                                    </div>
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Feedback</h2>
                                    </div>
                                </div>
                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:426px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">These aren’t just nice comments — they’re honest reflections from real people I’ve collaborated with. Founders, product teams, and creatives who came in with a challenge.</p>
                                </div>
                            </div>
                            <div data-framer-name="Testimonial Content" style="flex-flow:row nowrap;place-content:center flex-end;align-items:center;gap:10px;width: 100%;height:465.266px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 0; transform: translateY(32px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 32);z-index:2;flex:1 0 0px;width: 1px;max-width:875px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Desktop 01" style="max-width: 100%; width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:465.266px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;aspect-ratio:1.88063 / 1;height:465.266px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <section style="display: flex; flex-direction: row; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 0px; list-style-type: none; user-select: none;flex-direction:row;width: 100%;height:465.266px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:0px;list-style-type:none;user-select:none;--framer-dir-multiplier: -1;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="width: 100%; height: 100%; margin: 0px; padding: inherit; position: absolute; inset: 0px; overflow: hidden; border-radius: 0px; user-select: none; perspective: 1200px;height:465.266px;margin:0px;padding:0px;position:absolute;inset:0px;overflow:hidden;border-radius:0px;user-select:none;perspective:1200px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <ul style="display: flex; flex-direction: row; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 0px; list-style-type: none; gap: 40px; cursor: auto; user-select: none; transform: translateX(-3660px);flex-direction:row;width: 100%;height:465.266px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:0px;list-style-type:none;gap:40px;cursor: auto;user-select:none;transform:matrix(1, 0, 0, 1, -3660, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 01" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 100% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:875px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:437.906px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.986487 / 1;height:437.906px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1708" height="1772" sizes="427px" srcset="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?scale-down-to=1024&amp;width=1708&amp;height=1772 987w,https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772 1708w" src="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:437.906px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">It felt like having a design partner, not just a freelancer.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Working with frederock was effortless. He didn’t just deliver what we asked for — he helped us think deeper, simplify the message, and design something that truly fits. The final result speaks for itself — clean, clear, and exactly what we needed”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Ava Nguyen</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Founder, Studio Nova</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 02" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 100% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:875px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:302.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:302.172px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast, focused, and on point.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“frederock jumped into our project with clarity and speed. He understood the user flow immediately, cleaned up our messy wireframes, and turned them into something beautiful. Communication was always smooth, and everything delivered on time.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mateo Torres</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Manager, Craftive App</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.9/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 03" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 100% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:875px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The design just works — and so does the process</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“We hired frederock to redesign our website. He didn’t just make it prettier — he made it easier to understand. Visitors are staying longer, clicking more, and finally getting what we’re about. Couldn’t have asked for a better experience.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Eliza Carter</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Lead, Northlight Ventures</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.7/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 04" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 100% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:875px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:449.188px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.961712 / 1;height:449.188px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:449.188px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:320.969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:320.969px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock made our product feel alive</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“What stood out was his attention to detail and how he connected the design to our product’s purpose. Every screen had a reason. Every interaction felt intentional. Our users noticed. And honestly, so did our investors.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Jonah Fields</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">CEO, Loopline Digital</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 01" aria-hidden="false" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 100% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:875px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:437.906px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.986487 / 1;height:437.906px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1708" height="1772" sizes="427px" srcset="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?scale-down-to=1024&amp;width=1708&amp;height=1772 987w,https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772 1708w" src="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:437.906px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">It felt like having a design partner, not just a freelancer.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Working with frederock was effortless. He didn’t just deliver what we asked for — he helped us think deeper, simplify the message, and design something that truly fits. The final result speaks for itself — clean, clear, and exactly what we needed”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Ava Nguyen</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Founder, Studio Nova</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 02" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:302.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:302.172px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast, focused, and on point.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“frederock jumped into our project with clarity and speed. He understood the user flow immediately, cleaned up our messy wireframes, and turned them into something beautiful. Communication was always smooth, and everything delivered on time.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mateo Torres</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Manager, Craftive App</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.9/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 03" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The design just works — and so does the process</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“We hired frederock to redesign our website. He didn’t just make it prettier — he made it easier to understand. Visitors are staying longer, clicking more, and finally getting what we’re about. Couldn’t have asked for a better experience.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Eliza Carter</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Lead, Northlight Ventures</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.7/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 04" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: visible; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:visible;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:449.188px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.961712 / 1;height:449.188px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:449.188px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:320.969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:320.969px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock made our product feel alive</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“What stood out was his attention to detail and how he connected the design to our product’s purpose. Every screen had a reason. Every interaction felt intentional. Our users noticed. And honestly, so did our investors.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Jonah Fields</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">CEO, Loopline Digital</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 01" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:437.906px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.986487 / 1;height:437.906px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1708" height="1772" sizes="427px" srcset="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?scale-down-to=1024&amp;width=1708&amp;height=1772 987w,https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772 1708w" src="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:437.906px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">It felt like having a design partner, not just a freelancer.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Working with frederock was effortless. He didn’t just deliver what we asked for — he helped us think deeper, simplify the message, and design something that truly fits. The final result speaks for itself — clean, clear, and exactly what we needed”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Ava Nguyen</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Founder, Studio Nova</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 02" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:302.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:302.172px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast, focused, and on point.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“frederock jumped into our project with clarity and speed. He understood the user flow immediately, cleaned up our messy wireframes, and turned them into something beautiful. Communication was always smooth, and everything delivered on time.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mateo Torres</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Manager, Craftive App</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.9/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 03" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The design just works — and so does the process</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“We hired frederock to redesign our website. He didn’t just make it prettier — he made it easier to understand. Visitors are staying longer, clicking more, and finally getting what we’re about. Couldn’t have asked for a better experience.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Eliza Carter</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Lead, Northlight Ventures</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.7/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 04" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:449.188px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.961712 / 1;height:449.188px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:449.188px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:320.969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:320.969px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock made our product feel alive</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“What stood out was his attention to detail and how he connected the design to our product’s purpose. Every screen had a reason. Every interaction felt intentional. Our users noticed. And honestly, so did our investors.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Jonah Fields</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">CEO, Loopline Digital</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 01" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:437.906px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.986487 / 1;height:437.906px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1708" height="1772" sizes="427px" srcset="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?scale-down-to=1024&amp;width=1708&amp;height=1772 987w,https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772 1708w" src="https://framerusercontent.com/images/rqHNnvTOYDUKTYk85DFgWx3A4.png?width=1708&amp;height=1772" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:437.906px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">It felt like having a design partner, not just a freelancer.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Working with frederock was effortless. He didn’t just deliver what we asked for — he helped us think deeper, simplify the message, and design something that truly fits. The final result speaks for itself — clean, clear, and exactly what we needed”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Ava Nguyen</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Founder, Studio Nova</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 02" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/D44fFLBpyPQt9kvTawtiRlRtzEQ.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:302.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:302.172px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast, focused, and on point.</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“frederock jumped into our project with clarity and speed. He understood the user flow immediately, cleaned up our messy wireframes, and turned them into something beautiful. Communication was always smooth, and everything delivered on time.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mateo Torres</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Manager, Craftive App</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.9/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 03" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:448.141px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.963964 / 1;height:448.141px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/POR5Tnn5aejyvubUWESNPvlo48.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:448.141px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:341.766px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:341.766px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The design just works — and so does the process</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“We hired frederock to redesign our website. He didn’t just make it prettier — he made it easier to understand. Visitors are staying longer, clicking more, and finally getting what we’re about. Couldn’t have asked for a better experience.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Eliza Carter</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Lead, Northlight Ventures</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">4.7/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Content 04" aria-hidden="true" style="flex-shrink: 0; user-select: none; width: 100%; height: 100%; opacity: 1; visibility: hidden; transform: none; transform-origin: 0% 50% 0px;user-select:none;width: 100%;height:465.266px;opacity:1;visibility:hidden;transform:none;transform-origin:0px 232.633px;flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;max-width:432px;height:449.188px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Profile Image" style="opacity: 1;aspect-ratio:0.961712 / 1;height:449.188px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="854" height="886" sizes="427px" srcset="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886 854w" src="https://framerusercontent.com/images/0rquSnrHsqAo0N217fxxSbDIhw.png?width=854&amp;height=886" alt="Profile Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:449.188px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 387px;max-width:387px;height:320.969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:40px;width: 100%;height:320.969px;padding:0px 8px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-text-color: var(--extracted-1eung3n, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frederock made our product feel alive</h4>
                                                                            </div>
                                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“What stood out was his attention to detail and how he connected the design to our product’s purpose. Every screen had a reason. Every interaction felt intentional. Our users noticed. And honestly, so did our investors.”</p>
                                                                            </div>
                                                                            <div data-framer-name="Name &amp; Position Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:78.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <div data-framer-name="Name &amp; Position" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:51px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Jonah Fields</p>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">CEO, Loopline Digital</p>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-framer-name="Rating" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                    <div data-framer-component-type="SVG" data-framer-name="Stars" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 68px;height:12px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:12px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 68 12" preserveAspectRatio="none" width="100%" height="100%">
                                                                                                <use href="#svg597413238_3367" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                                            </svg></div>
                                                                                    </div>
                                                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                        <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">5/5</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <fieldset aria-label="Slideshow pagination controls" style="display: flex; justify-content: space-between; align-items: center; position: absolute; pointer-events: none; user-select: none; inset: 0px; border: 0px; padding: 0px; margin: 0px;justify-content:space-between;align-items:center;position:absolute;pointer-events:none;user-select:none;inset:0px;border:0px none rgb(0, 0, 0);padding:0px;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="position: absolute; display: flex; flex-direction: row; justify-content: center; gap: 24px; opacity: 1; align-items: center; top: unset; right: 370px; bottom: -57px; left: unset; will-change: transform;display:flex;flex-direction:row;justify-content:center;gap:24px;opacity:1;align-items:center;top:482.266px;right:370px;bottom:-57px;left:401px;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><button type="button" aria-label="Previous" tabindex="0" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; place-content: center; place-items: center; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); cursor: pointer; margin: 0px; padding: 0px; width: 40px; height: 40px; border-radius: 40px; pointer-events: auto; transform: none;border-style:none;border-color:rgb(0, 0, 0);border-image:none;display:block;place-content:center;place-items:center;overflow:hidden;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;-webkit-background-clip:border-box;background-color:rgb(0, 0, 0);cursor:pointer;margin:0px;padding:0px;width: 40px;height:40px;border-radius:40px;pointer-events: auto;transform:none;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" width="40" height="40" src="https://framerusercontent.com/images/6tTbkXggWgQCAJ4DO2QEdXXmgM.svg?arrow=left" alt="Back Arrow" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></button><button type="button" aria-label="Next" tabindex="0" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; place-content: center; place-items: center; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); cursor: pointer; margin: 0px; padding: 0px; width: 40px; height: 40px; border-radius: 40px; pointer-events: auto; transform: none;border-style:none;border-color:rgb(0, 0, 0);border-image:none;display:block;place-content:center;place-items:center;overflow:hidden;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;-webkit-background-clip:border-box;background-color:rgb(0, 0, 0);cursor:pointer;margin:0px;padding:0px;width: 40px;height:40px;border-radius:40px;pointer-events: auto;transform:none;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" width="40" height="40" src="https://framerusercontent.com/images/11KSGbIZoRSg4pjdnUoif6MKHI.svg?arrow=right" alt="Next Arrow" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></button></div>
                                                    </fieldset>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:854.062px;padding:0px;display:flex;position:absolute;bottom:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:854.062px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:854.062px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Pricing Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1165.41px;padding:0px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:0px;width: 1px;max-width:1280px;height:1165.41px;padding:100px 0px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:1065.41px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:0px;width: 100%;max-width:860px;height:192.797px;padding:0px 0px 0px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Tittle" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:192.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Simple</p>
                                    </div>
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Pricing</h2>
                                    </div>
                                </div>
                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:432px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Whether it’s a single page or a full site, my process stays focused, flexible, and built around what matters to you.</p>
                                </div>
                            </div>
                            <div data-framer-name="Card Content" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:12px;width: 100%;height:676.609px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 0; transform: translateY(32px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 32);z-index:2;flex:1 0 0px;align-self:stretch;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); height: 100%; width: 100%; opacity: 1;height:676.609px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;padding:36px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:60px;width: 1px;height:583.812px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:48px;width: 100%;height:433.812px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle " style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:106px;width: 100%;height:133.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:420px;height:133.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Essentials Plan</p>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:311px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">For lean projects with a clear focus. Best if you need a polished, high-impact page — like a landing page, homepage, or MVP — done right, without overcomplication.</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Toggle" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:6px;width: min-content;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Yearly</p>
                                                            </div>
                                                            <div data-border="true" data-framer-name="Toggle" data-highlight="true" tabindex="0" style="--border-bottom-width: 0.5px; --border-color: var(--token-d8ef2ef6-0baa-4612-9c3b-d89024bd5b04, rgb(250, 110, 67)); --border-left-width: 0.5px; --border-right-width: 0.5px; --border-style: solid; --border-top-width: 0.5px; background-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); border-radius: 500px; opacity: 1;--border-color: var(--token-d8ef2ef6-0baa-4612-9c3b-d89024bd5b04, rgb(250, 110, 67));--border-left-width: 0.5px;--border-right-width: 0.5px;--border-style: solid;--border-top-width: 0.5px;background-color:rgb(255, 255, 255);border-radius:500px;opacity:1;cursor:pointer;will-change:auto;flex: 0 0 auto;gap:0px;width: 36px;height:18px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Fill" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); border-radius: 100%; opacity: 0.32; transform: translateY(-50%);border-radius:100%;opacity:0.32;transform:matrix(1, 0, 0, 1, 0, -7.5);aspect-ratio:1 / 1;height:15px;flex: 0 0 auto;width: 15px;position:absolute;top:9px;left:2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Feature Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:252.625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What's include</p>
                                                        </div>
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:213.031px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">1 custom-designed page (landing, homepage, etc.)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Clean, responsive layout for all devices</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Simple style guide (colors, type, spacing)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">1 round of feedback &amp; edits</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Delivered in 5–7 business days</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Price &amp; Button" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:90px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Price" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:140px;height:90px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:3px;width: 100%;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Subtract" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 6px;height:7px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:7px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 6 7" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg1793620913_396" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Pay less. Get more</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h3 data-styles-preset="PeEXViusT" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 130%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:48px;letter-spacing:-1.92px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:62.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$850</h3>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./contact" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                                    </div>
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        </a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 0; transform: translateY(32px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 32);z-index:2;flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Variant 1" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;height:676.609px;padding:36px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:60px;width: 1px;height:604.609px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:48px;width: 100%;height:454.609px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tittle " style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:106px;width: 100%;height:153.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;max-width:420px;height:153.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Complete Plan</p>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:311px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">For growing brands or product teams who need more depth.
A full design package for websites or digital products — including structure, design, and support for a smooth handoff or launch.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Feature Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:252.625px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What's include</p>
                                                        </div>
                                                        <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:213.031px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Up to 5 custom-designed pages</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Full UI/UX layout with flow thinking</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Light brand styling (typography, color, tone)</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">2–3 rounds of feedback + refinements</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="List Item" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:12px;width: 100%;height:23.4062px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 12px;height:13px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:13px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 12 13" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg1963983031_393" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="os63WE7CD" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:18px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Delivered in 2–3 weeks, depending on scope</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Price &amp; Button" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:90px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Price" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:140px;height:90px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:3px;width: 100%;height:15.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Subtract" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 6px;height:7px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:7px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 6 7" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg1793620913_396" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6c7df1fa-d2b2-4a85-8336-9580a752145d, rgba(255, 255, 255, 0.72)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.72);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.72);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.72);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quality work, clear cost.</p>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h3 data-styles-preset="PeEXViusT" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 130%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:48px;letter-spacing:-1.92px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:62.4px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$2,200</h3>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./contact" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                                    </div>
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book a Free Call</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                        </a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:1065.41px;padding:0px;display:flex;position:absolute;top:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:1065.41px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:1065.41px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="FAQ Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1098.39px;padding:0px 30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:0px;width: 1px;max-width:1280px;height:1098.39px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:998.391px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:0px;width: 100%;max-width:852px;height:192.797px;padding:0px 0px 0px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Tittle" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:192.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quick Questions</p>
                                    </div>
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Answers</h2>
                                    </div>
                                </div>
                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:428px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">No complicated jargon here — just honest answers to common questions about how I work, what I offer, and what to expect.</p>
                                </div>
                            </div>
                            <div data-framer-name="FAQ Content" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:20px;width: 100%;height:609.594px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Image Wrap" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 1px;max-width:433px;height:592.203px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="FAQ Image" style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);aspect-ratio:0.731164 / 1;height:592.203px;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="1708" height="2056" sizes="max(min(max((min(max(100vw - 60px, 1px), 1280px) - 20px) / 2, 1px), 433px), 1px)" srcset="https://framerusercontent.com/images/8TnZCXM9xt5jX3LHQO3oVbI9dIw.png?scale-down-to=1024&amp;width=1708&amp;height=2056 850w,https://framerusercontent.com/images/8TnZCXM9xt5jX3LHQO3oVbI9dIw.png?scale-down-to=2048&amp;width=1708&amp;height=2056 1701w,https://framerusercontent.com/images/8TnZCXM9xt5jX3LHQO3oVbI9dIw.png?width=1708&amp;height=2056 1708w" src="https://framerusercontent.com/images/8TnZCXM9xt5jX3LHQO3oVbI9dIw.png?width=1708&amp;height=2056" alt="FAQ Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:592.203px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                </div>
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:2;flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Variant 1" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:8px;height:609.594px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Open" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:149.594px;padding:16px 20px 36px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:97.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What tools do you work with?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: none; opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:none;opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Answer" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;max-width:660px;height:41.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Dots" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:12px;padding:4px 0px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 8px;height:8px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:8px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 8 8" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-1874490412_228" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mainly Figma for design, Framer and Webflow for prototyping or handoff-ready design systems. I’m flexible depending on what you or your team prefers.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;padding:26px 20px;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:84px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; --extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); transform: none; opacity: 1;--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4));transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What kind of projects do you take on?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: rotate(136deg); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:matrix(-0.71934, 0.694658, -0.694658, -0.71934, 0, 0);opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;padding:26px 20px;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:84px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; --extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); transform: none; opacity: 1;--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4));transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What’s your typical process like?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: rotate(136deg); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:matrix(-0.71934, 0.694658, -0.694658, -0.71934, 0, 0);opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;padding:26px 20px;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:84px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; --extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); transform: none; opacity: 1;--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4));transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">How long does a project usually take?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: rotate(136deg); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:matrix(-0.71934, 0.694658, -0.694658, -0.71934, 0, 0);opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;padding:26px 20px;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:84px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; --extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); transform: none; opacity: 1;--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4));transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Do you offer development too?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: rotate(136deg); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:matrix(-0.71934, 0.694658, -0.694658, -0.71934, 0, 0);opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="will-change: transform; opacity: 0; transform: translateY(24px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 24);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="background-color: var(--token-3d53f64b-9a86-400b-bad8-b6c2ea901afd, rgb(28, 28, 30)); width: 100%; opacity: 1;width: 100%;opacity:1;padding:26px 20px;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:84px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:24px;width: 1px;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Tittle &amp; Icon" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:32px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; --extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); transform: none; opacity: 1;--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4));transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(255, 255, 255, 0.4);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What if I need something custom?</p>
                                                            </div>
                                                            <div data-framer-name="Icon Wrap" data-highlight="true" tabindex="0" style="background-color: var(--token-aa21db75-bef8-45e3-bfc4-3bc7bc684912, rgb(17, 17, 19)); opacity: 1;opacity:1;aspect-ratio:1 / 1;cursor:pointer;height:32px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 32px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Icon" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); transform: rotate(136deg); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);transform:matrix(-0.71934, 0.694658, -0.694658, -0.71934, 0, 0);opacity:1;aspect-ratio:1 / 1;height:18px;flex: 0 0 auto;width: 18px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:18px;aspect-ratio:1 / 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 16 16" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg625329465_342" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:998.391px;padding:0px;display:flex;position:absolute;bottom:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:998.391px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:998.391px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Blog Section" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1630.75px;padding:0px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-end center;align-items:flex-end;gap:0px;width: 1px;max-width:1280px;height:1630.75px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-end center;align-items:flex-end;gap:80px;width: 100%;height:1530.75px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Section Title" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:66px;width: 100%;height:304.797px;padding:0px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:60px;width: 1px;height:304.797px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color:var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4))--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">On My Mind</p>
                                    </div>
                                    <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Thoughts <br style="box-sizing:border-box;-webkit-font-smoothing:antialiased;" />&amp; Ideas</h2>
                                    </div>
                                </div>
                                <!--$-->
                                <!--/$-->
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 0; transform: translateY(16px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 16);z-index:2;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./news" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read All News</p>
                                                    </div>
                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read All News</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </a></div>
                                </div>
                            </div>
                            <div data-framer-name="Card Content" style="z-index:2;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-end;align-items:flex-end;gap:30px;width: 100%;max-width:853px;height:1029.95px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-border="true" data-framer-name="Blog Frame" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex: 0 0 auto;width: 100%;height:1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:20px;width: 100%;height:281.984px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$-->
                                    <!--$-->
                                    <!--/$-->
                                    <!--/$-->
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Desktop" data-highlight="true" href="./news/good-design-feels-invisible" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:281.984px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-self:stretch;align-items:center;gap:10px;width: 1px;max-width:264px;height: auto;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Blog Image" style="opacity: 1; transform: none;transform:none;flex:1 0 0px;width: 1px;height:281.984px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="528" height="550" sizes="max(min(max((min(min(max(100vw - 60px, 1px), 1280px), 853px) - 20px) / 2, 1px), 264px), 1px)" srcset="https://framerusercontent.com/images/574zIQlAfsbfLnRBRzADylMulo.png?width=528&amp;height=550 528w" src="https://framerusercontent.com/images/574zIQlAfsbfLnRBRzADylMulo.png?width=528&amp;height=550" alt="Blog Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:281.984px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:70px;width: 1px;height:281.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:167.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="SubText Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:29.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">March 14, 2026</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Thinking</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:108.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Good design feels invisible</p>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">When a product just works, you don’t notice the design — and that’s the point. In this post, I unpack how clarity, feedback loops, and thoughtful interactions make all the difference in UX, even when no one’s looking for them.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Variant 1" style="background-color: var(--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b, rgb(29, 29, 31)); opacity: 1;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 137px;height:44px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:44px;padding:12px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                </div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                                <div data-border="true" data-framer-name="Blog Frame" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex: 0 0 auto;width: 100%;height:1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:20px;width: 100%;height:281.984px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$-->
                                    <!--$-->
                                    <!--/$-->
                                    <!--/$-->
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Desktop" data-highlight="true" href="./news/saying-no-made-my-work-better" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:281.984px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-self:stretch;align-items:center;gap:10px;width: 1px;max-width:264px;height: auto;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Blog Image" style="opacity: 1; transform: none;transform:none;flex:1 0 0px;width: 1px;height:281.984px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="528" height="550" sizes="max(min(max((min(min(max(100vw - 60px, 1px), 1280px), 853px) - 20px) / 2, 1px), 264px), 1px)" srcset="https://framerusercontent.com/images/DbdulfLGKHjaffkv4vijOzwuEjg.png?width=528&amp;height=550 528w" src="https://framerusercontent.com/images/DbdulfLGKHjaffkv4vijOzwuEjg.png?width=528&amp;height=550" alt="Blog Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:281.984px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:70px;width: 1px;height:281.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:167.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="SubText Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:29.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">April 3, 2026</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Tools &amp; Workflow</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:108.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Saying “No” made my work better</p>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learning to say no didn’t just protect my time — it helped me do better work. This post is about the boundaries I’ve built over time, how I choose projects now, and why space in your schedule is as important as skill in your craft.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Variant 1" style="background-color: var(--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b, rgb(29, 29, 31)); opacity: 1;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 137px;height:44px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:44px;padding:12px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                </div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                                <div data-border="true" data-framer-name="Blog Frame" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex: 0 0 auto;width: 100%;height:1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:20px;width: 100%;height:281.984px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <!--$-->
                                    <!--$-->
                                    <!--/$-->
                                    <!--/$-->
                                    <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Desktop" data-highlight="true" href="./news/building-trust-through-simple-ux" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:281.984px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image Wrap" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-self:stretch;align-items:center;gap:10px;width: 1px;max-width:264px;height: auto;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Blog Image" style="opacity: 1; transform: none;transform:none;flex:1 0 0px;width: 1px;height:281.984px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="528" height="550" sizes="max(min(max((min(min(max(100vw - 60px, 1px), 1280px), 853px) - 20px) / 2, 1px), 264px), 1px)" srcset="https://framerusercontent.com/images/bygIgVvPi8dzAybe80h8ohZ4Xs0.png?width=528&amp;height=550 528w" src="https://framerusercontent.com/images/bygIgVvPi8dzAybe80h8ohZ4Xs0.png?width=528&amp;height=550" alt="Blog Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:281.984px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Text Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:70px;width: 1px;height:281.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:167.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="SubText Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:8px;width: min-content;height:29.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">March 9, 2026</p>
                                                                </div>
                                                            </div>
                                                            <div data-framer-name="Subtext" style="backdrop-filter: blur(12px); background-color: var(--token-f564b9ef-9934-4cf9-bd16-29c60dc4e7e7, rgba(255, 255, 255, 0.1)); border-radius: 40px; opacity: 1;background-color:rgba(255, 255, 255, 0.1);border-radius:40px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:4px;width: min-content;height:29.5938px;padding:7px 10px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="AN7HP3u6S" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-73c94324-dd51-4d4c-a813-0c01c4e072e7, rgba(255, 255, 255, 0.4)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 12px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:12px;letter-spacing:-0.12px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:15.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Strategy &amp; Value</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:108.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Building trust through simple UX</p>
                                                            </div>
                                                            <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">People don’t trust what they can’t understand. I talk about the small choices — labels, flows, microcopy — that quietly build confidence in your product, and how simplicity often beats cleverness in interface design.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Variant 1" style="background-color: var(--token-fe77dd86-7f9e-440c-bd71-fc166d5d945b, rgb(29, 29, 31)); opacity: 1;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: 137px;height:44px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:44px;padding:12px 20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                    <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read Full Blog</p>
                                                                    </div>
                                                                </div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                                <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                                <div data-border="true" data-framer-name="Blog Frame" style="--border-bottom-width: 1px;--border-color: 1;--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;flex: 0 0 auto;width: 100%;height:1px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                            </div>
                            <div data-framer-name="Conner Wrap" style="z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:1530.75px;padding:0px;display:flex;position:absolute;top:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height:1530.75px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:1530.75px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <div data-framer-name="Background Noise" style="will-change:auto;z-index:0;flex: 0 0 auto;width: 100%;position:absolute;top:0px;bottom:0px;left:0px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div style="position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-background-image-wrapper="true"><img decoding="auto" width="2880" height="19792" sizes="(min-width: 1440px) 100vw, (min-width: 810px) and (max-width: 1439.98px) 100vw, (max-width: 809.98px) 100vw" srcset="https://framerusercontent.com/images/3yZJNqb8Y9zevd2OS5wUBIolc8.png?scale-down-to=4096&amp;width=2880&amp;height=19792 596w,https://framerusercontent.com/images/3yZJNqb8Y9zevd2OS5wUBIolc8.png?width=2880&amp;height=19792 2880w" src="https://framerusercontent.com/images/3yZJNqb8Y9zevd2OS5wUBIolc8.png?width=2880&amp;height=19792" alt="Background" style="display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:coverbox-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                </div>
            </div>
            <div style="margin-bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div style="background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;flex-grow:1;width: 0px;height:0px;margin:0px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div style="display:contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="flex: 0 0 auto;order:1003;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <footer data-framer-name="Desktop" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:120px;height:1690.77px;padding:0px 30px 58px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-border="true" data-framer-name="Container" style="--border-bottom-width: 0px; --border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1280px;height:1632.77px;padding:100px 0px 0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-border="true" data-framer-name="Content" style="--border-bottom-width: 1px; --border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33));--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:100px;width: 1px;height:1532.77px;padding:16px 0px 100px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-border="true" data-framer-name="CTA Container" style="--border-bottom-width: 1px; --border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:60px;width: 100%;max-width:1286px;height:549px;padding:0px 0px 80px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: 100%;height:130px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <section style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 10px; list-style-type: none; opacity: 1; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%); overflow: hidden;width: 100%;height:130px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:10px;list-style-type:none;opacity:1;mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <ul style="display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; place-items: center; margin: 0px; padding: 0px; list-style-type: none; gap: 20px; position: relative; flex-direction: row; will-change: auto; transform: translateX(0px);width: 100%;height:110px;max-width:100%;max-height:100%;place-items:center;margin:0px;padding:0px;list-style-type:none;gap:20px;position:relative;flex-direction:row;will-change: auto;transform:matrix(1, 0, 0, 1, 0, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Ticker Wrap" style="flex-shrink: 0; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;width: min-content;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg1490665444_252" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Ticker Wrap" style="flex-shrink: 0; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;width: min-content;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg1490665444_252" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Ticker Wrap" style="flex-shrink: 0; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;width: min-content;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg1490665444_252" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li aria-hidden="true" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Ticker Wrap" style="flex-shrink: 0; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;width: min-content;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg1490665444_252" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                        <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: rgb(0, 0, 0); color: rgb(0, 0, 0); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 14px;height:15px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:15px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 14 15" preserveAspectRatio="none" width="100%" height="100%">
                                                                    <use href="#svg592526839_253" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                </svg></div>
                                                        </div>
                                                        <div data-framer-name="Introduction text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h2 data-styles-preset="IvKNkOyqu" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 112px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 1em;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:112px;letter-spacing:-4.48px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:112px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in touch</h2>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </section>
                                    </div>
                                    <div data-framer-name="Image Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:279px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="will-change: transform; opacity: 0; transform: translateY(32px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 32);z-index:2;flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Desktop 01" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:10px;height:279px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:277.641px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 01" style="filter: blur(0px); transform: none; opacity: 1;transform:none;opacity:1;aspect-ratio:0.738351 / 1;height:277.641px;z-index:1;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="904" height="1200" sizes="max((max(min(max(min(100vw - 60px, 1280px), 1px), 1286px), 1px) - 50px) / 6, 1px)" srcset="https://framerusercontent.com/images/fzYvK1SdjxzcLYqM5R1Z1SEGndo.png?scale-down-to=1024&amp;width=904&amp;height=1200 771w,https://framerusercontent.com/images/fzYvK1SdjxzcLYqM5R1Z1SEGndo.png?width=904&amp;height=1200 904w" src="https://framerusercontent.com/images/fzYvK1SdjxzcLYqM5R1Z1SEGndo.png?width=904&amp;height=1200" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:277.641px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:279px;min-height:279px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 02" style="filter: blur(3px); transform: rotate(3deg); opacity: 1;transform:matrix(0.99863, 0.052336, -0.052336, 0.99863, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 203px;height:241px;position:absolute;top:111.484px;left:-1.98438px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="812" height="964" sizes="203px" srcset="https://framerusercontent.com/images/UEtApoww9M0nwQb5fQmhNzWrz0.png?width=812&amp;height=964 812w" src="https://framerusercontent.com/images/UEtApoww9M0nwQb5fQmhNzWrz0.png?width=812&amp;height=964" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:241px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:279px;min-height:279px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 03" style="filter: blur(3px); transform: rotate(-3deg); opacity: 1;transform:matrix(0.99863, -0.052336, 0.052336, 0.99863, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 204px;height:240px;position:absolute;top:76.9844px;left:0.5px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="816" height="960" sizes="204px" srcset="https://framerusercontent.com/images/dPGNqTAiRUzXnRyTPfJSKlfAMQ.png?width=816&amp;height=960 816w" src="https://framerusercontent.com/images/dPGNqTAiRUzXnRyTPfJSKlfAMQ.png?width=816&amp;height=960" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:240px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:279px;min-height:279px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 04" style="filter: blur(3px); transform: rotate(3deg); opacity: 1;transform:matrix(0.99863, 0.052336, -0.052336, 0.99863, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 203px;height:241px;position:absolute;top:116.484px;left:1px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="812" height="964" sizes="203px" srcset="https://framerusercontent.com/images/sboMB5vhc8UXo0ehqZLbkffVw8g.png?width=812&amp;height=964 812w" src="https://framerusercontent.com/images/sboMB5vhc8UXo0ehqZLbkffVw8g.png?width=812&amp;height=964" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:241px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:279px;min-height:279px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 05" style="filter: blur(3px); transform: rotate(-3deg); opacity: 1;transform:matrix(0.99863, -0.052336, 0.052336, 0.99863, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 204px;height:240px;position:absolute;top:71.9844px;left:0.5px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="816" height="960" sizes="204px" srcset="https://framerusercontent.com/images/ElOJgMVzxCoBArq6nPchveGm8.png?width=816&amp;height=960 816w" src="https://framerusercontent.com/images/ElOJgMVzxCoBArq6nPchveGm8.png?width=816&amp;height=960" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:240px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Row" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:10px;width: 1px;height:279px;min-height:279px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image 06" style="filter: blur(3px); transform: rotate(1deg); opacity: 1;transform:matrix(0.999848, 0.0174524, -0.0174524, 0.999848, 0, 0);opacity:1;z-index:1;flex: 0 0 auto;width: 203px;height:241px;position:absolute;top:104.5px;left:1px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="async" loading="lazy" width="812" height="964" sizes="203px" srcset="https://framerusercontent.com/images/I9nCgQB75zmTotLghJ2NXEh6YM.png?width=812&amp;height=964 812w" src="https://framerusercontent.com/images/I9nCgQB75zmTotLghJ2NXEh6YM.png?width=812&amp;height=964" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:241px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Footer Container" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:75px;width: 100%;max-width:1280px;height:767.766px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Content" style="will-change: transform; opacity: 0; transform: translateY(45px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 45);z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:265.984px;padding:0px 8px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Tittle &amp; Button" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:32px;width: 1px;max-width:395px;height:155.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Service Title" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h4 data-styles-preset="eu7hXjXbA" dir="auto" style="--framer-font-family: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-family-bold: 'Oswald','Oswald Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.04em;--framer-line-height: 110%;--framer-paragraph-spacing: 40px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;--framer-text-wrap: balance;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:Oswald, 'Oswald Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:36px;letter-spacing:-1.44px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:39.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:balance;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A good idea needs a good start.<br style="box-sizing:border-box;-webkit-font-smoothing:antialiased;" />I can help with that.</h4>
                                            </div>
                                            <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Variant 1" data-reset="button" href="./contact" style="background-color: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); opacity: 1;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:0px;width: min-content;height:44px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:0px;width: auto;height:44px;padding:12px 20px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Text Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: min-content;height:20px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 255, 255);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Let’s Talk</p>
                                                            </div>
                                                            <div data-framer-name="Button text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-007cb890-19f5-4b7f-b9da-b2a08ff8f428, rgb(255, 79, 34)));--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(255, 79, 34);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 79, 34);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 79, 34);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Let’s Talk</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, 1, -1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:0px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-180deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(-1, 0, 0, -1, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                    <div data-border="true" data-framer-name="Circle" style="--border-bottom-width: 0px; --border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255)); --border-left-width: 0.800000011920929px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0.800000011920929px; transform: rotate(-90deg); opacity: 1;--border-color: var(--token-ed326f4b-5f07-49ef-9a7e-7d29924c73e5, rgb(255, 255, 255));--border-left-width: 0.800000011920929px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0.800000011920929px;transform:matrix(0, -1, 1, 0, 0, 0);opacity:1;z-index:0;flex: 0 0 auto;width: 8px;height:8px;position:absolute;top:36px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                </a></div>
                                        </div>
                                        <div data-framer-name="Links Wrapper" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:60px;width: 1px;max-width:418px;height:265.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Link &amp; Contact Wrap" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:60px;width: 100%;height:97.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Links" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:20px;width: 1px;height:92px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quick links</p>
                                                    </div>
                                                    <div data-framer-name="Menu Wrap" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:10px;width: 100%;height:46px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="1st Row" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu" href="./" data-framer-page-link-current="true" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">H</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span></p>
                                                                    </div>
                                                                </div>
                                                            </a><a data-framer-name="Menu" href="./about" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">A</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">b</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">u</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span></p>
                                                                    </div>
                                                                </div>
                                                            </a><a data-framer-name="Menu" href="./404" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">4</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">0</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">4</span></p>
                                                                    </div>
                                                                </div>
                                                            </a></div>
                                                        <div data-framer-name="2nd Row" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:10px;width: 100%;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu" href="./project" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">P</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">j</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span></p>
                                                                    </div>
                                                                </div>
                                                            </a><a data-framer-name="Menu" href="./news" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">N</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">w</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span></p>
                                                                    </div>
                                                                </div>
                                                            </a><a data-framer-name="Menu" href="./#faq" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:5px;width: min-content;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                            <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                        </svg></div>
                                                                </div>
                                                                <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">F</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">q</span></p>
                                                                    </div>
                                                                </div>
                                                            </a></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Contact Wrap" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-end flex-start;align-items:flex-end;gap:20px;width: 1px;height:97.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-alignment: right;--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact</p>
                                                    </div>
                                                    <div data-framer-name="Phone" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-end flex-start;align-items:flex-end;gap:10px;width: 100%;height:51.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: right;--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-styles-preset="MwGqXTNv3" href="Tel:+1 (437) 555-0134  " target="_blank" rel="noopener" style="--framer-link-hover-text-color: 1;--framer-link-text-color: 1;color:rgba(255, 255, 255, 0.4);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:superellipse(1);padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">+1 (437) 555-0134 </a></p>
                                                        </div>
                                                        <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: right;--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-styles-preset="MwGqXTNv3" href="mailto:someone@example.com" target="_blank" rel="noopener" style="--framer-link-hover-text-color: 1;--framer-link-text-color: 1;color:rgba(255, 255, 255, 0.4);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:16px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:superellipse(1);padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">hello@frederock.design</a></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Media &amp; Location" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:60px;width: 100%;height:108.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Frame 85" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:20px;width: 1px;height:92px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: start;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Social</p>
                                                    </div>
                                                    <div data-framer-name="Social Media" style="opacity: 1;flex: 0 0 auto;grid-template-rows:18px 18px;grid-template-columns:84.5px 84.5px;grid-auto-rows: minmax(0px, 1fr);justify-content:center;gap:10px;width: 100%;height:46px;padding:0px;display:grid;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Media" href="https://twitter.com/" rel="noopener" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;place-self:start;align-items:center;gap:5px;width: 100%;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">X</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">.</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span></p>
                                                                </div>
                                                            </div>
                                                        </a><a data-framer-name="Media" href="https://www.linkedin.com/" rel="noopener" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;place-self:start;align-items:center;gap:5px;width: 100%;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">L</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">k</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">d</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">I</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span></p>
                                                                </div>
                                                            </div>
                                                        </a><a data-framer-name="Media" href="https://www.instagram.com/" rel="noopener" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;place-self:start;align-items:center;gap:5px;width: 100%;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">I</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">g</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span></p>
                                                                </div>
                                                            </div>
                                                        </a><a data-framer-name="Media" href="https://www.Facebook.com/" rel="noopener" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;place-self:start;align-items:center;gap:5px;width: 100%;height:18px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-component-type="SVG" data-framer-name="Circle" parentsize="0" _constraints="[object Object]" rotation="0" shadows="" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; fill: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); color: var(--token-38d984ad-a7d6-4c1d-b5e2-5fdf3d909827, rgb(0, 0, 0)); opacity: 1;flex-shrink:0;fill:rgb(0, 0, 0);color:rgb(0, 0, 0);opacity:1;flex: 0 0 auto;width: 4px;height:5px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:5px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" viewBox="0 0 4 5" preserveAspectRatio="none" width="100%" height="100%">
                                                                        <use href="#svg-857490277_248" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                                    </svg></div>
                                                            </div>
                                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">F</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">b</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">k</span></p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div data-framer-name="Frame 84" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-end flex-start;align-items:flex-end;gap:20px;width: 1px;height:108.391px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="fqirw1K_F" dir="auto" style="--framer-text-alignment: right;--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 500;--framer-letter-spacing: -.02em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(255, 255, 255);font-size:20px;letter-spacing:-0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:26px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Location</p>
                                                    </div>
                                                    <div data-framer-name="Availability text" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-text-alignment: right;--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Currently based in Toronto, working worldwide</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-border="true" data-framer-name="Other Page" style="--border-bottom-width: 1px; --border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: var(--token-406d5a2c-ad8c-44ed-a3b5-096053822b3a, rgb(31, 31, 33));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;z-index:2;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:60.7969px;padding:20px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Subtitle" data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="B45IANUMr" dir="auto" style="--framer-font-family: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-bold-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-family-italic: 'Inter Display','Inter Display Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-style-bold-italic: italic;--framer-font-style-italic: italic;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-font-weight-bold-italic: 700;--framer-font-weight-italic: 400;--framer-letter-spacing: -.01em;--framer-line-height: 130%;--framer-paragraph-spacing: 20px;--framer-text-alignment: left;--framer-text-color: 1;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:superellipse(1);padding:0px;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(255, 255, 255, 0.4);font-size:16px;letter-spacing:-0.16px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(255, 255, 255, 0.4);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:20.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(255, 255, 255, 0.4);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">© 2026 Frederick</p>
                                        </div>
                                        <div data-framer-name="Menu" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">P</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">v</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">y</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">&nbsp;</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">P</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">l</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">y</span></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-framer-name="Menu" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;height:18px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;mix-blend-mode:difference;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 0px; box-sizing: border-box;align-items:center;justify-content:center;width: 100%;height:18px;overflow:hidden;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p style="--font-size: 16px;--text: 1);--line-height-abs: 18px;box-sizing:border-box;margin:0px;padding:0px;vertical-align:top;display:flex;overflow:hidden;width: max-content;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;text-transform:none;user-select:none;text-shadow:rgba(255, 255, 255, 0.4) 0px 18px 0px;-webkit-font-smoothing:antialiased;"><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">T</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">m</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">&nbsp;</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">f</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">&nbsp;</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">S</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">v</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">c</span><span style="display: block; font-family: &quot;Inter Display&quot;, &quot;Inter Display Placeholder&quot;, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18px; transform: none;font-family:'Inter Display', 'Inter Display Placeholder', sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;transform:none;backface-visibility:hidden;white-space:pre;flex-shrink:0;color:rgba(255, 255, 255, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Footer Logo" style="will-change: transform; opacity: 1; transform: translateY(200px);opacity:1;transform:matrix(1, 0, 0, 1, 0, 200);aspect-ratio:4.39863 / 1;height:290.984px;z-index:1;flex: 0 0 auto;width: 100%;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:superellipse(1);inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" loading="lazy" width="5124" height="1164" sizes="min(max(min(100vw - 60px, 1280px), 1px), 1280px)" srcset="https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?scale-down-to=512&amp;width=5124&amp;height=1164 512w,https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?scale-down-to=1024&amp;width=5124&amp;height=1164 1024w,https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?scale-down-to=2048&amp;width=5124&amp;height=1164 2048w,https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?scale-down-to=4096&amp;width=5124&amp;height=1164 4096w,https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?width=5124&amp;height=1164 5124w" src="https://framerusercontent.com/images/ZgZnkWb77PeszmZ3qtbUBfE8w.png?width=5124&amp;height=1164" alt="Footer Logo" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:290.984px;border-radius:0px;corner-shape:superellipse(1);object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </div>
                                </div>
                                <div data-framer-name="Conner Wrap" style="opacity: 1;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;height:1532.77px;padding:0px;display:flex;position:absolute;top:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: 100%;height:1532.77px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="All corners" style="--12eybmm: 0px; height: 100%; width: 100%; opacity: 1;height:1532.77px;width: 100%;opacity:1;padding:0px;flex-flow:column nowrap;place-content:center space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="top" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 0px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                            <div data-framer-name="bottom" style="opacity: 1;user-select:none;flex-flow:row nowrap;flex: 0 0 auto;place-content:center space-between;align-items:center;width: 100%;height:20px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 1px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 1px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                                <div data-border="true" style="--border-bottom-width: 1px; --border-color: rgb(255, 255, 255); --border-left-width: 0px; --border-right-width: 1px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgb(255, 255, 255);--border-left-width: 0px;--border-right-width: 1px;--border-style: solid;--border-top-width: 0px;opacity:1;flex: 0 0 auto;width: 20px;height:20px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>
                </div>
            </div>
        </div>
        <div style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
        <!--/$-->
    </div>
    <div style="pointer-events:none;width: 100%;z-index:2147483647;justify-content:flex-end;padding:20px;display:flex;position:fixed;bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
        <!--$-->
        <!--$-->
        <!--$--><a data-framer-appear-id="n0ccwk" data-framer-name="Light" data-nosnippet="true" style="will-change: transform; pointer-events: auto; opacity: 1; transform: none;pointer-events: auto;opacity:1;transform:none;gap:10px;height:38px;overflow:visible;position:relative;text-decoration:none;width: 140px;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" href="https://www.framer.com" rel="noopener" title="Create a free website with Framer, the website builder loved by startups, designers and agencies.">
            <div data-framer-name="Backdrop" style="background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px; opacity: 1;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px;opacity:1;inset:1px;flex: 0 0 auto;overflow:hidden;position:absolute;will-change:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Content" style="transform: translate(-50%, -50%); opacity: 1;opacity:1;place-content:center flex-start;align-items:center;display:flex;flex: 0 0 auto;flex-flow:row nowrap;gap:10px;height:16px;left:70px;overflow:visible;padding:0px;position:absolute;top:19px;width: min-content;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="opacity: 1;flex: 0 0 auto;height:16px;overflow:visible;position:relative;width: 12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Logo" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); transform: translateX(-50%); opacity: 1;--otdjsv: rgb(0, 0, 0);transform:matrix(1, 0, 0, 1, -6, 0);opacity:1;aspect-ratio:0.6 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 12 20\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 0 0 L 12 0 L 12 6 L 6 6 Z M 0 6 L 6 6 L 12 12 L 6 12 L 6 18 L 0 12 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'18px\' id=\'td4SVg2I8\' transform=\'translate(0 1.5)\' width=\'12px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 12px;flex: 0 0 auto;height:20px;left:6px;position:absolute;top:-2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </div>
                <!--$-->
                <p style="position:absolute;transform:scale(0.001)margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Create a free website with Framer, the website builder loved by startups, designers and agencies.</p>
                <div data-framer-name="Text" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); opacity: 1;--otdjsv: rgb(0, 0, 0);opacity:1;aspect-ratio:9.7 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 97 10\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 91.736 9.781 L 91.736 2.818 L 93.316 2.818 L 93.316 3.98 L 93.374 3.98 C 93.501 3.577 93.714 3.269 94.014 3.053 C 94.328 2.833 94.704 2.72 95.087 2.729 C 95.185 2.729 95.287 2.733 95.392 2.742 C 95.498 2.75 95.587 2.759 95.659 2.767 L 95.659 4.253 C 95.552 4.23 95.444 4.215 95.335 4.209 C 95.188 4.192 95.039 4.184 94.891 4.184 C 94.603 4.184 94.343 4.247 94.11 4.374 C 93.882 4.497 93.702 4.674 93.57 4.907 C 93.434 5.16 93.366 5.445 93.374 5.732 L 93.374 9.782 L 91.736 9.782 Z M 87.286 9.927 C 86.588 9.927 85.985 9.779 85.477 9.483 C 84.969 9.183 84.577 8.761 84.303 8.22 C 84.032 7.678 83.897 7.048 83.897 6.328 C 83.897 5.618 84.032 4.988 84.303 4.443 C 84.56 3.917 84.96 3.475 85.458 3.167 C 85.953 2.858 86.531 2.704 87.191 2.704 C 87.64 2.704 88.059 2.78 88.448 2.932 C 88.841 3.08 89.186 3.305 89.482 3.605 C 89.779 3.901 90.009 4.272 90.174 4.715 C 90.344 5.155 90.428 5.67 90.428 6.258 L 90.428 6.748 L 84.627 6.748 L 84.627 5.629 L 89.609 5.629 L 88.86 5.946 C 88.868 5.594 88.801 5.243 88.664 4.918 C 88.549 4.641 88.355 4.404 88.105 4.238 C 87.86 4.074 87.559 3.991 87.204 3.991 C 86.852 3.991 86.55 4.074 86.296 4.239 C 86.042 4.404 85.847 4.629 85.712 4.912 C 85.576 5.213 85.509 5.54 85.515 5.87 L 85.515 6.62 C 85.515 7.047 85.587 7.413 85.731 7.717 C 85.879 8.017 86.089 8.248 86.359 8.409 C 86.63 8.566 86.948 8.644 87.312 8.644 C 87.562 8.644 87.786 8.608 87.984 8.536 C 88.177 8.467 88.353 8.356 88.499 8.212 C 88.642 8.072 88.749 7.906 88.816 7.711 L 90.326 7.921 C 90.228 8.313 90.032 8.673 89.756 8.968 C 89.476 9.268 89.125 9.503 88.702 9.672 C 88.282 9.842 87.811 9.926 87.286 9.926 Z M 72.643 9.781 L 72.643 2.818 L 74.191 2.818 L 74.235 4.443 L 74.115 4.443 C 74.225 4.041 74.385 3.713 74.597 3.459 C 74.798 3.212 75.055 3.016 75.347 2.888 C 75.63 2.761 75.928 2.698 76.241 2.698 C 76.753 2.698 77.177 2.854 77.511 3.167 C 77.849 3.48 78.074 3.922 78.184 4.494 L 77.987 4.494 C 78.066 4.132 78.232 3.795 78.469 3.51 C 78.691 3.248 78.972 3.041 79.289 2.907 C 79.615 2.766 79.968 2.695 80.323 2.697 C 80.746 2.697 81.127 2.79 81.465 2.977 C 81.808 3.159 82.077 3.429 82.272 3.789 C 82.47 4.149 82.57 4.591 82.57 5.116 L 82.57 9.781 L 80.939 9.781 L 80.939 5.363 C 80.939 4.923 80.818 4.602 80.577 4.398 C 80.333 4.19 80.021 4.08 79.701 4.088 C 79.434 4.088 79.204 4.145 79.009 4.258 C 78.816 4.371 78.66 4.536 78.559 4.735 C 78.449 4.953 78.394 5.195 78.399 5.439 L 78.399 9.781 L 76.813 9.781 L 76.813 5.287 C 76.813 4.923 76.698 4.633 76.47 4.417 C 76.246 4.197 75.958 4.087 75.606 4.087 C 75.366 4.087 75.143 4.145 74.94 4.259 C 74.737 4.374 74.569 4.543 74.458 4.748 C 74.339 4.963 74.28 5.23 74.28 5.548 L 74.28 9.781 L 72.642 9.781 Z M 67.291 9.915 C 66.724 9.915 66.221 9.771 65.781 9.483 C 65.344 9.191 65 8.776 64.746 8.239 C 64.496 7.701 64.371 7.059 64.371 6.309 C 64.371 5.552 64.498 4.904 64.752 4.367 C 65.01 3.829 65.359 3.419 65.799 3.135 C 66.244 2.851 66.763 2.703 67.291 2.71 C 67.668 2.71 67.987 2.771 68.25 2.894 C 68.516 3.013 68.736 3.164 68.91 3.351 C 69.083 3.533 69.22 3.719 69.322 3.91 L 69.38 3.91 L 69.38 2.818 L 70.998 2.818 L 70.998 9.781 L 69.38 9.781 L 69.38 8.696 L 69.322 8.696 C 69.211 8.908 69.07 9.102 68.903 9.273 C 68.726 9.46 68.503 9.614 68.237 9.737 C 67.938 9.863 67.615 9.923 67.291 9.915 Z M 67.723 8.563 C 68.078 8.563 68.383 8.469 68.637 8.283 C 68.901 8.079 69.101 7.804 69.215 7.49 C 69.35 7.147 69.418 6.751 69.418 6.303 C 69.418 5.85 69.35 5.456 69.214 5.123 C 69.103 4.811 68.902 4.539 68.637 4.341 C 68.387 4.155 68.083 4.062 67.723 4.062 C 67.363 4.062 67.058 4.155 66.809 4.342 C 66.559 4.528 66.369 4.788 66.237 5.122 C 66.107 5.456 66.041 5.85 66.041 6.302 C 66.041 6.752 66.106 7.145 66.237 7.483 C 66.369 7.822 66.559 8.086 66.809 8.277 C 67.063 8.467 67.367 8.563 67.723 8.563 Z M 59.909 9.781 L 59.909 2.818 L 61.489 2.818 L 61.489 3.98 L 61.546 3.98 C 61.673 3.577 61.887 3.269 62.188 3.053 C 62.488 2.837 62.846 2.729 63.26 2.729 C 63.358 2.729 63.46 2.733 63.565 2.742 C 63.671 2.75 63.76 2.759 63.832 2.767 L 63.832 4.253 C 63.725 4.23 63.617 4.215 63.508 4.209 C 63.361 4.192 63.212 4.184 63.064 4.184 C 62.776 4.184 62.516 4.247 62.283 4.374 C 62.054 4.497 61.875 4.674 61.743 4.907 C 61.607 5.16 61.539 5.445 61.546 5.732 L 61.546 9.782 L 59.909 9.782 Z M 52.647 9.781 L 52.647 0.323 L 58.804 0.323 L 58.804 1.758 L 54.336 1.758 L 54.336 4.513 L 58.411 4.513 L 58.411 5.928 L 54.336 5.928 L 54.336 9.781 Z M 43.265 5.744 L 43.265 9.781 L 41.628 9.781 L 41.628 2.818 L 43.195 2.818 L 43.215 4.551 L 43.024 4.551 C 43.223 3.946 43.517 3.489 43.906 3.18 C 44.296 2.867 44.78 2.71 45.36 2.71 C 45.842 2.71 46.263 2.814 46.623 3.021 C 46.987 3.228 47.268 3.531 47.467 3.929 C 47.67 4.322 47.772 4.805 47.772 5.376 L 47.772 9.781 L 46.141 9.781 L 46.141 5.63 C 46.141 5.147 46.018 4.775 45.773 4.513 C 45.531 4.246 45.195 4.113 44.763 4.113 C 44.475 4.113 44.217 4.176 43.989 4.303 C 43.762 4.429 43.576 4.619 43.456 4.849 C 43.329 5.09 43.266 5.389 43.266 5.744 Z M 38.353 9.781 L 38.353 2.818 L 39.99 2.818 L 39.99 9.781 L 38.352 9.781 Z M 39.171 1.815 C 38.919 1.821 38.675 1.728 38.491 1.555 C 38.31 1.389 38.208 1.153 38.212 0.907 C 38.208 0.663 38.31 0.43 38.492 0.267 C 38.674 0.091 38.918 -0.005 39.171 0 C 39.438 0 39.664 0.088 39.851 0.266 C 40.041 0.44 40.136 0.653 40.136 0.907 C 40.136 1.161 40.041 1.377 39.85 1.555 C 39.667 1.728 39.423 1.821 39.171 1.815 Z M 30.741 9.927 C 30.043 9.927 29.44 9.779 28.932 9.483 C 28.426 9.185 28.018 8.746 27.758 8.22 C 27.488 7.678 27.352 7.048 27.352 6.328 C 27.352 5.618 27.487 4.988 27.758 4.443 C 28.015 3.917 28.415 3.475 28.913 3.167 C 29.408 2.858 29.986 2.704 30.646 2.704 C 31.095 2.704 31.514 2.78 31.903 2.932 C 32.293 3.079 32.646 3.308 32.938 3.605 C 33.234 3.901 33.464 4.272 33.629 4.715 C 33.799 5.155 33.883 5.67 33.883 6.258 L 33.883 6.748 L 28.083 6.748 L 28.083 5.629 L 33.066 5.629 L 32.316 5.946 C 32.316 5.553 32.251 5.21 32.12 4.918 C 32.005 4.641 31.811 4.404 31.561 4.238 C 31.316 4.074 31.015 3.991 30.66 3.991 C 30.34 3.983 30.024 4.069 29.752 4.239 C 29.498 4.404 29.303 4.629 29.168 4.912 C 29.032 5.213 28.965 5.54 28.971 5.87 L 28.971 6.62 C 28.971 7.047 29.043 7.413 29.187 7.717 C 29.335 8.017 29.545 8.248 29.816 8.409 C 30.086 8.566 30.404 8.644 30.768 8.644 C 31.018 8.644 31.242 8.608 31.441 8.536 C 31.634 8.467 31.809 8.356 31.955 8.212 C 32.099 8.072 32.205 7.906 32.272 7.711 L 33.782 7.921 C 33.684 8.313 33.488 8.673 33.212 8.968 C 32.932 9.268 32.581 9.503 32.158 9.672 C 31.707 9.847 31.226 9.934 30.742 9.926 Z M 22.312 9.915 C 21.777 9.924 21.251 9.774 20.801 9.483 C 20.361 9.191 20.016 8.776 19.766 8.239 C 19.516 7.701 19.392 7.059 19.392 6.309 C 19.392 5.552 19.519 4.904 19.772 4.367 C 20.027 3.829 20.374 3.419 20.814 3.135 C 21.254 2.852 21.751 2.71 22.305 2.71 C 22.682 2.71 23.001 2.771 23.264 2.894 C 23.53 3.013 23.748 3.164 23.918 3.351 C 24.091 3.533 24.228 3.721 24.33 3.916 L 24.381 3.916 L 24.381 0.323 L 26.019 0.323 L 26.019 9.781 L 24.413 9.781 L 24.413 8.689 L 24.343 8.689 C 24.233 8.904 24.091 9.101 23.923 9.273 C 23.734 9.468 23.51 9.626 23.263 9.737 C 23.001 9.855 22.684 9.915 22.312 9.915 Z M 22.737 8.563 C 23.092 8.563 23.397 8.469 23.651 8.283 C 23.915 8.079 24.115 7.804 24.229 7.49 C 24.364 7.147 24.432 6.751 24.432 6.303 C 24.432 5.85 24.364 5.456 24.229 5.123 C 24.118 4.811 23.917 4.539 23.651 4.341 C 23.385 4.151 23.064 4.053 22.737 4.062 C 22.41 4.053 22.089 4.152 21.823 4.342 C 21.573 4.528 21.383 4.79 21.252 5.128 C 21.118 5.505 21.054 5.903 21.062 6.303 C 21.062 6.751 21.127 7.145 21.258 7.483 C 21.389 7.822 21.58 8.086 21.829 8.277 C 22.079 8.467 22.381 8.563 22.737 8.563 Z M 14.352 9.915 C 13.817 9.924 13.291 9.774 12.841 9.483 C 12.405 9.191 12.061 8.776 11.806 8.239 C 11.556 7.701 11.432 7.059 11.432 6.309 C 11.432 5.552 11.559 4.904 11.812 4.367 C 12.071 3.829 12.42 3.419 12.86 3.135 C 13.3 2.852 13.797 2.71 14.352 2.71 C 14.728 2.71 15.048 2.771 15.31 2.894 C 15.577 3.013 15.797 3.164 15.97 3.351 C 16.144 3.533 16.281 3.719 16.383 3.91 L 16.44 3.91 L 16.44 2.818 L 18.059 2.818 L 18.059 9.781 L 16.44 9.781 L 16.44 8.696 L 16.383 8.696 C 16.272 8.908 16.131 9.102 15.964 9.273 C 15.786 9.46 15.564 9.614 15.298 9.737 C 14.999 9.863 14.676 9.923 14.352 9.915 Z M 14.783 8.563 C 15.139 8.563 15.443 8.469 15.697 8.283 C 15.951 8.093 16.144 7.828 16.275 7.49 C 16.41 7.147 16.478 6.751 16.478 6.303 C 16.478 5.85 16.41 5.456 16.275 5.123 C 16.164 4.811 15.963 4.539 15.697 4.341 C 15.447 4.155 15.143 4.062 14.783 4.062 C 14.423 4.062 14.119 4.155 13.869 4.342 C 13.608 4.543 13.41 4.813 13.298 5.122 C 13.167 5.456 13.101 5.85 13.101 6.302 C 13.101 6.752 13.167 7.145 13.298 7.483 C 13.429 7.822 13.62 8.086 13.869 8.277 C 14.123 8.467 14.428 8.563 14.783 8.563 Z M 0 9.781 L 0 0.323 L 2.507 0.323 L 4.322 5.236 C 4.382 5.418 4.452 5.646 4.532 5.922 C 4.612 6.197 4.695 6.493 4.779 6.811 C 4.864 7.124 4.942 7.428 5.014 7.725 C 5.09 8.017 5.154 8.273 5.204 8.493 L 4.843 8.493 C 5.045 7.633 5.267 6.778 5.509 5.928 C 5.589 5.648 5.662 5.418 5.725 5.236 L 7.509 0.323 L 10.023 0.323 L 10.023 9.781 L 8.347 9.781 L 8.347 4.989 C 8.35 4.443 8.358 3.897 8.372 3.351 L 8.398 2.38 C 8.406 2.054 8.412 1.743 8.417 1.447 L 8.563 1.447 C 8.473 1.773 8.379 2.107 8.277 2.45 L 7.979 3.446 C 7.886 3.764 7.795 4.056 7.706 4.322 C 7.636 4.546 7.561 4.768 7.483 4.989 L 5.719 9.781 L 4.303 9.781 L 2.513 4.989 L 2.291 4.329 C 2.198 4.04 2.107 3.75 2.018 3.459 L 1.713 2.469 C 1.613 2.129 1.514 1.788 1.415 1.447 L 1.593 1.447 C 1.597 1.73 1.603 2.035 1.612 2.361 C 1.62 2.682 1.627 3.006 1.631 3.332 C 1.639 3.654 1.646 3.958 1.65 4.246 C 1.658 4.534 1.663 4.781 1.663 4.989 L 1.663 9.781 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'9.927205036163329px\' id=\'LLqmOOyHA\' transform=\'translate(0 -0.25)\' width=\'95.65900006103517px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 97px;flex: 0 0 auto;height:10px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                <!--/$-->
            </div>
            <div data-framer-name="Bottom" style="mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;-webkit-mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.06inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Border" style="border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.04inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
        </a>
        <!--/$-->
        <!--/$-->
        <!--/$-->
    </div>
</body>

</html>