https://pixelpoint.io/services/web-design/

扫描 ID：: 51ea6579-6343-48e0-a0b3-fba611bfc6db已完成
提交的 URL：: https://pixelpoint.io/services/web-design/
报告完成时间：: 2024年10月28日 04:04:18
链接 · 找到 6 个

从页面中识别出的传出链接
链接	文本
https://twitter.com/alex_barashkov/status/1705118860444147782?s=20	const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}Alex Barashkov@alex_barashkov~600 hours, 7 weeks of teamwork- Visual identity- Web design- Development- Motion- 3DI think it would be fair to say that the site is made in @rive_app. For the rest, @nextjs, @tailwindcss, and @docusaurus were used.Meetgitness.com1,455773173.8K15087
https://twitter.com/d__raptis/status/1711319888416166027?s=20	const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}Jim Raptis18.8K Followers@d__raptisLove these hidden micro interactionsconst t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}4524081692216
https://twitter.com/steventey/status/1705263264517796317?s=20	const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}Steven Tey36.5K Followers@steventeyOpen-source GitHub alternative just dropped →gitness.comLanding page built with@nextjs, @tailwindcss and @rive_app1,048408101.9K12637
https://twitter.com/midudev/status/1706028702528680040?s=20	const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}Miguel Ángel Durán218.4K Followers@midudev"Ser Desarrollador Web es pintar dos botones"Los botones:const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}1,36819485.8K11629
https://github.com/pixel-point	GitHub
https://twitter.com/alex_barashkov	Twitter
JavaScript 变量 · 找到 14 个

在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
名称	类型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
plausible	function
pagePath	string
___chunkMapping	string
___webpackCompilationHash	string
webpackChunkpixelpoint_website	object
asyncRequires	object
___emitter	object
控制台日志消息 · 找到 9 条

记录到 Web 控制台的消息
类型	类别	记录
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
log	other	URL https://pixelpoint.io/31d4e3d1-e65a5cafcbaaeb84ae15.js 文本 No WebGL support. Image mesh will not be drawn.
HTML

页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" class="" style="--real-browser-height: 600px;"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"><link rel="preload" href="/fonts/usual/usual-semi-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/usual/usual-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><meta name="generator" content="Gatsby 5.13.4"><meta name="description" content="Get a stunning-looking website made by in-house team of motion, graphic, and web designers." data-gatsby-head="true"><meta property="og:title" content="Web Design — Pixel Point" data-gatsby-head="true"><meta property="og:description" content="Get a stunning-looking website made by in-house team of motion, graphic, and web designers." data-gatsby-head="true"><meta property="og:image" content="https://pixelpoint.io/images/social-preview.jpg" data-gatsby-head="true"><meta property="og:type" content="website" data-gatsby-head="true"><meta name="twitter:card" content="summary_large_image" data-gatsby-head="true"><style data-href="/styles.28ae1303091f7007a922.css" data-identity="gatsby-global-css">.ch-terminal{background:#1e1e1e;box-sizing:border-box;color:#fafafa;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;font-size:14px;height:100%;overflow:hidden;padding:0 8px 8px}.ch-terminal-container .ch-frame-content{background-color:inherit}.ch-terminal-prompt{color:#8fa2db;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ch-terminal-content{margin:0}.ch-terminal-output{opacity:.66}.ch-code-line-number{box-sizing:border-box;color:var(--ch-t-editorLineNumber-foreground);display:inline-block;font-variant-numeric:tabular-nums;padding-right:1.5ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ch-code-scroll-parent{background-color:unset;border:none;border-radius:0;box-sizing:content-box;color:unset;display:block;font-size:14px;font-weight:400;letter-spacing:0;line-height:19px;padding:0}.ch-code-scroll-parent ::-moz-selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-scroll-parent ::selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;cursor:pointer;font-size:inherit;height:1.1em;margin:0;padding:0;position:absolute;right:10px;top:10px;width:1.1em}.ch-code-button:focus-visible{outline-color:currentColor}.ch-code-wrapper{background-color:var(--ch-t-background);box-sizing:content-box;color:var(--ch-t-foreground);color-scheme:var(--ch-t-colorScheme);margin:0;padding:0;position:relative;white-space:pre}.ch-code-wrapper[data-ch-measured=false]{overflow:auto}.ch-code-wrapper[data-ch-measured=false]>*{opacity:0}.ch-no-scroll{overflow:hidden}.ch-expand-dialog{background-color:transparent;border:0;height:100vh;max-width:900px;width:100vw}.ch-expand-dialog::backdrop{background-color:rgba(0,0,0,.8)}.ch-expand-close{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;color:#fff;cursor:pointer;font-size:inherit;height:26px;margin:0;padding:0;position:absolute;right:10px;top:10px;width:26px}.ch-expand-close:focus-visible{outline-color:currentColor}.ch-expand-dialog-content{border:1px solid;border-color:var(--ch-t-sideBar-border);border-radius:8px;color:#fff;inset:40px;overflow:hidden;position:absolute}.ch-code-browser{color:var(--ch-t-editor-foreground);display:flex;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;height:100%}.ch-code-browser-sidebar{background:var(--ch-t-sideBar-background);border-bottom-color:var(--ch-t-sideBar-border);border-left-color:var(--ch-t-sideBar-border);border-right:1px solid;border-right-color:var(--ch-t-sideBar-border);border-top-color:var(--ch-t-sideBar-border);color:var(--ch-t-sideBar-foreground);font-size:.95rem;min-width:100px;padding:1em 0}.ch-code-browser-content{background:var(--ch-t-background);color:var(--ch-t-foreground);color-scheme:var(--ch-t-colorScheme);flex:1;font-family:monospace;font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.2rem;overflow:auto;padding:1em;position:relative;white-space:pre}.ch-code-browser-content ::-moz-selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-browser-content ::selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-browser-sidebar-file,.ch-code-browser-sidebar-folder{padding:.1em 1em}.ch-code-browser-sidebar-file{cursor:pointer}.ch-code-browser-sidebar-file[data-selected=true]{background:var(--ch-t-list-activeSelectionBackground);color:var(--ch-t-list-activeSelectionForeground)}.ch-code-browser-sidebar-file:hover{background-color:var(--ch-t-list-hoverBackground);color:var(--ch-t-list-hoverForeground)}.ch-code-browser-button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;cursor:pointer;font-size:inherit;height:1.5em;margin:0;min-height:1.5em;min-width:1.5em;padding:0;position:absolute;right:.8em;top:.8em;width:1.5em}.ch-code-browser-button:focus-visible{outline-color:currentColor}.ch-editor-tab{background:var(--ch-t-tab-inactiveBackground);border-bottom:1px solid;border-bottom-color:var(--ch-t-tab-inactiveBackground);border-right:1px solid #252526;border-right-color:var(--ch-t-tab-border);box-sizing:border-box;color:var(--ch-t-tab-inactiveForeground);cursor:pointer;display:flex;flex-shrink:1;height:100%;min-width:-moz-fit-content;min-width:fit-content;min-width:0;padding-left:15px;padding-right:15px;position:relative;white-space:nowrap}.ch-editor-tab[data-active=true]{background:var(--ch-t-tab-activeBackground);border-bottom-color:var(--ch-t-tab-activeBorder);color:var(--ch-t-tab-activeForeground);min-width:unset}.ch-editor-tab>div{font-size:12px;line-height:1.4em;margin-bottom:auto;margin-top:auto;overflow:hidden;text-overflow:ellipsis}.ch-editor-group-border{background:var(--ch-t-editorGroup-border);height:1px;position:absolute;top:0;width:100%;z-index:1}.ch-editor-frame{-moz-column-break-inside:avoid;--ch-title-bar-height:30px;background:var(--ch-t-editor-background);break-inside:avoid;display:flex;flex-direction:column;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;height:100%;overflow:hidden;position:relative}.ch-editor-frame .ch-frame-title-bar{background:none;background:var(--ch-t-editorGroupHeader-tabsBackground);color:var(--ch-t-icon-foreground)}.ch-editor-terminal{background-color:#1e1e1e;border-top:1px solid hsla(0,0%,50%,.35);bottom:0;box-sizing:border-box;color:#e7e7e7;overflow:hidden;padding:0 8px;position:absolute;width:100%}.ch-editor-terminal-tab{display:flex;font-size:11px;line-height:24px;padding:4px 10px 3px;text-transform:uppercase}.ch-editor-terminal-tab>span{border-bottom:1px solid #e7e7e7}.ch-editor-terminal-content{box-sizing:border-box;height:calc(100% - 40px);margin-top:8px}.ch-editor-terminal-content .ch-terminal{font-size:12px;margin:0}.ch-editor-button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;cursor:pointer;font-size:inherit;height:1.5em;margin:0 .8em 0 0;min-height:1.5em;min-width:1.5em;padding:0;width:1.5em}.ch-editor-button:focus-visible{outline-color:currentColor}.ch-frame{display:flex;flex-direction:column;height:100%}.ch-frame,.ch-simple-frame{-moz-column-break-inside:avoid;--ch-title-bar-height:30px;break-inside:avoid;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}.ch-simple-frame{border-radius:6px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);overflow:hidden}.ch-frame-content{background-color:var(--ch-content-background,#fafafa);flex-basis:0;flex-grow:1;flex-shrink:1;min-height:0}.ch-frame-zoom{--ch-frame-zoom:1;height:calc(100%/var(--ch-frame-zoom));overflow:auto;position:relative;transform:scale(var(--ch-frame-zoom));transform-origin:left top;width:calc(100%/var(--ch-frame-zoom))}.ch-frame-title-bar{align-items:center;background-color:var(--ch-content-background,#252526);color:#ebebed;display:flex;flex-grow:0;flex-shrink:0;font-size:12px;height:var(--ch-title-bar-height);min-height:var(--ch-title-bar-height);position:relative;width:100%}.ch-frame-middle-bar{font-size:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-frame-left-bar,.ch-frame-right-bar{align-items:center;display:flex;flex-basis:1em;flex-grow:1;height:100%;width:-moz-max-content;width:max-content}.ch-frame-buttons{display:flex;flex-shrink:0;height:1em;margin:0 .8em;width:4.16em}.ch-frame-button{border:.08em solid;border-radius:50%;box-sizing:border-box;display:inline-block;height:1em;width:1em}.ch-frame-button-space{width:.56em}.ch-frame-button-left{background-color:#ed6b60;border-color:#ce5347}.ch-frame-button-middle{background-color:#f5be4f;border-color:#d6a243}.ch-frame-button-right{background-color:#62c554;border-color:#58a942}.ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;height:100%;position:absolute;width:100%}.ch-mini-browser .ch-frame-title-bar input{background:var(--ch-t-input-background);border:1px solid var(--ch-t-input-border);border-radius:.5em;box-shadow:none;color:#544;color:var(--ch-t-input-foreground);flex:1;font-size:1em;height:1.4em;min-width:5px;padding:0 10px;width:5px}.ch-browser-button{color:#999;margin:0 1em}.ch-browser-back-button{margin-left:.2em}.ch-browser-forward-button{margin-left:0}.ch-browser-open-button{color:var(--ch-t-icon-foreground)}.ch-browser-open-icon{display:block}.ch-spotlight{display:flex;gap:1.1rem;margin:1rem 0}.ch-spotlight-tabs{align-items:stretch;display:flex;flex:1;flex-flow:column;gap:.5rem}.ch-spotlight-tab{border:1px solid #e3e3e3;border-radius:.25rem;margin:0 -.5rem;padding:0 .5rem}.ch-spotlight-tab:hover{border-color:#222}.ch-spotlight-tab[data-selected]{border-color:#0070f3}.ch-spotlight-sticker{align-self:stretch;display:flex;flex-flow:column;justify-content:center;max-height:80vh;min-height:min(100%,80vh);position:sticky;top:10vh;width:420px}.ch-spotlight-sticker .ch-codeblock,.ch-spotlight-sticker .ch-codegroup{flex:1;margin-bottom:0;margin-top:0;max-height:80vh;min-height:min(100%,80vh);min-width:100%;width:100%}.ch-spotlight-with-preview .ch-spotlight-sticker{gap:.5rem;height:80vh}.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup{flex:1;min-height:0}.ch-spotlight-with-preview .ch-spotlight-preview{height:280px}.ch-scrollycoding{display:flex;gap:1rem;margin:1rem 0;position:relative}.ch-scrollycoding-content{box-sizing:border-box;flex:1}.ch-scrollycoding-step-content{border:1.5px solid transparent;border-radius:8px;margin:0 -.5rem;min-height:180px;padding:1rem .5rem}.ch-scrollycoding-step-content[data-selected]{border-color:#0070f3}.ch-scrollycoding-step-content>:first-child{margin-top:0}.ch-scrollycoding-step-content>:last-child{margin-bottom:0}.ch-scrollycoding-sticker{align-self:start;display:flex;flex-flow:column;justify-content:center;max-height:80vh;position:sticky;top:10vh;width:var(--ch-scrollycoding-sticker-width,420px)}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker{gap:.5rem;height:80vh}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup{flex:1}.ch-scrollycoding-with-preview .ch-scrollycoding-preview{height:280px}.ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-sticker .ch-codegroup{margin-bottom:0;margin-top:0;max-height:80vh;min-height:var(--ch-scrollycoding-code-min-height,200px);min-width:100%;width:100%}.ch-scrollycoding-static .ch-preview{height:150px}.ch-slideshow{margin:1rem 0}.ch-slideshow-slide{align-items:stretch;aspect-ratio:16/9;display:flex;flex-flow:row;gap:.5rem}.ch-slideshow-slide .ch-codeblock,.ch-slideshow-slide .ch-codegroup{flex:2;height:auto;margin-bottom:0;margin-top:0}.ch-slideshow .ch-slideshow-preview{flex:1;height:auto;min-width:0}.ch-slideshow-range{display:flex;flex-flow:row;gap:.5rem}.ch-slideshow-range input{flex:1}.ch-slideshow-notes{border:1px solid #e3e3e3;border-radius:.25rem;margin-top:1rem;padding:1rem}.ch-slideshow-note{max-height:140px;min-height:140px;overflow:auto;padding:.05px}.ch-codeblock,.ch-codegroup,.ch-preview{border-radius:6px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);height:-moz-max-content;height:max-content;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ch-codeblock>*,.ch-codegroup>*,.ch-preview>*{height:100%;max-height:inherit;min-height:inherit}.ch-codeblock,.ch-codegroup{margin-bottom:1.25em;margin-top:1.25em}.ch-inline-code>code{background:var(--ch-t-lighter-inlineBackground);border-radius:.25em;color:var(--ch-t-foreground);font-size:.9rem;margin:.1em -.05em;padding:.2em .15em}.ch-inline-code .ch-section-link,.ch-inline-code .ch-section-link *{text-decoration-color:var(--ch-t-foreground)}.ch-section-link,.ch-section-link *{text-decoration:underline;text-decoration-color:currentColor;text-decoration-style:dotted;text-decoration-thickness:1px}.ch-section-link[data-active=true]{background-color:rgba(186,230,253,.4)}.ch-section-link[data-active=true],.ch-section-link[data-active=true] *{text-decoration-thickness:1.5px}.ch-code-inline-mark{border-radius:.25rem;margin:0 -.15rem;padding:.2rem .15rem .1rem}.ch-code-inline-mark,.ch-code-multiline-mark{background:var(--ch-t-editor-rangeHighlightBackground)}.ch-code-multiline-mark-border{background:var(--ch-t-editor-infoForeground);height:100%;left:0;position:absolute;width:3px}.ch-code-multiline-mark .ch-code-button{display:none;font-size:1.2em;position:absolute;right:10px;top:1px}.ch-code-inline-link,.ch-code-link :not(span)>span{color:inherit;text-decoration:underline;text-decoration-style:dotted}.ch-code-box-annotation{outline:2px solid var(--ch-t-editor-infoForeground)}.ch-code-label-annotation:hover{background:var(--ch-t-editor-lineHighlightBackground)}.ch-code-label-annotation:hover .ch-code-label-annotation-text{display:block}.ch-code-label-annotation-text{display:none;opacity:.7;padding-right:16px;position:absolute;right:0}
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Usual,Usual Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:IBM Plex Mono,IBM Plex Mono Fallback,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}@font-face{font-display:block;font-family:Usual;font-stretch:normal;font-style:normal;font-weight:300;src:url(/fonts/usual/usual-light.woff2) format("woff2")}@font-face{ascent-override:94.37%;descent-override:18.99%;font-family:Usual Fallback;font-style:normal;font-weight:300;line-gap-override:0%;size-adjust:105.33%;src:local("Arial")}@font-face{font-display:block;font-family:Usual;font-stretch:normal;font-style:italic;font-weight:300;src:url(/fonts/usual/usual-light-italic.woff2) format("woff2")}@font-face{ascent-override:94.37%;descent-override:18.99%;font-family:Usual Fallback;font-style:italic;font-weight:300;line-gap-override:0%;size-adjust:105.33%;src:local("Arial")}@font-face{font-display:block;font-family:Usual;font-stretch:normal;font-style:normal;font-weight:400;src:url(/fonts/usual/usual-regular.woff2) format("woff2")}@font-face{ascent-override:92.07%;descent-override:18.53%;font-family:Usual Fallback;font-style:normal;font-weight:400;line-gap-override:0%;size-adjust:107.96%;src:local("Arial")}@font-face{font-display:block;font-family:Usual;font-stretch:normal;font-style:normal;font-weight:600;src:url(/fonts/usual/usual-semi-bold.woff2) format("woff2")}@font-face{ascent-override:96.63%;descent-override:19.44%;font-family:Usual Fallback;font-style:normal;font-weight:600;line-gap-override:0%;size-adjust:102.87%;src:local("Arial Bold")}@font-face{font-display:block;font-family:Usual;font-stretch:normal;font-style:normal;font-weight:700;src:url(/fonts/usual/usual-bold.woff2) format("woff2")}@font-face{ascent-override:94.4%;descent-override:18.99%;font-family:Usual Fallback;font-style:normal;font-weight:700;line-gap-override:0%;size-adjust:105.29%;src:local("Arial Bold")}@font-face{font-display:block;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2) format("woff2")}@font-face{ascent-override:112.01%;descent-override:27.07%;font-family:IBM Plex Mono Fallback;font-style:normal;font-weight:400;line-gap-override:0%;size-adjust:99.92%;src:local("Courier New")}:root{--real-browser-height:100vh;--shiki-color-text:#171717;--shiki-token-constant:#0068d6;--shiki-token-string:#297a3a;--shiki-token-function:#7820bc;--shiki-token-comment:#666;--shiki-token-operator:#0068d6;--shiki-token-list:#6796e6;--shiki-token-quote:#6a9955;--shiki-token-regex:#d66d42;--shiki-token-keyword:#bd2864;--shiki-background-header:#fafafa;--shiki-background-editor:#fff;--shiki-menu-background:#ebebeb}.dark{--shiki-color-text:#ededed;--shiki-token-constant:#52a8ff;--shiki-token-string:#62c073;--shiki-token-function:#bf7af0;--shiki-token-comment:#a1a1a1;--shiki-token-operator:#569cd6;--shiki-token-list:#6796e6;--shiki-token-quote:#6a9955;--shiki-token-regex:#ce9178;--shiki-token-keyword:#f75f8f;--shiki-background-header:#000;--shiki-background-editor:#0a0a0a;--shiki-menu-background:#252526}body{--tw-text-opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgb(0 0 0/var(--tw-text-opacity));font-family:Usual,Usual Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:300;line-height:1.5;min-width:320px}body:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(13 13 13/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}body{-webkit-tap-highlight-color:transparent}.grid-gap-x{-moz-column-gap:2rem;column-gap:2rem}@media (max-width:1279px){.grid-gap-x{-moz-column-gap:1.75rem;column-gap:1.75rem}}@media (max-width:1023px){.grid-gap-x{-moz-column-gap:1.25rem;column-gap:1.25rem}}.grid-gap{-moz-column-gap:2rem;column-gap:2rem}@media (max-width:1279px){.grid-gap{-moz-column-gap:1.75rem;column-gap:1.75rem}}@media (max-width:1023px){.grid-gap{-moz-column-gap:1.25rem;column-gap:1.25rem}}.grid-gap{row-gap:2rem}@media (max-width:1279px){.grid-gap{row-gap:1.75rem}}@media (max-width:1023px){.grid-gap{row-gap:1.25rem}}.safe-paddings{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header.safe-paddings{padding-top:env(safe-area-inset-top)}footer.safe-paddings{padding-bottom:env(safe-area-inset-bottom)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container-lg{margin-left:auto;margin-right:auto;max-width:1840px}@media (max-width:1919px){.container-lg{max-width:100%;padding-left:2rem;padding-right:2rem}}@media (max-width:1279px){.container-lg{margin-left:2.5rem;margin-right:2.5rem;max-width:none;padding-left:0;padding-right:0}}@media (max-width:1023px){.container-lg{margin-left:1.75rem;margin-right:1.75rem}}@media (max-width:767px){.container-lg{margin-left:1rem;margin-right:1rem}}.container{margin-left:auto;margin-right:auto;max-width:1216px}@media (max-width:1279px){.container{margin-left:2.5rem;margin-right:2.5rem;max-width:none}}@media (max-width:1023px){.container{margin-left:1.75rem;margin-right:1.75rem}}@media (max-width:767px){.container{margin-left:1rem;margin-right:1rem}}.container-md{margin-left:auto;margin-right:auto;max-width:1008px}@media (max-width:1279px){.container-md{margin-left:2.5rem;margin-right:2.5rem;max-width:none}}@media (max-width:1023px){.container-md{margin-left:1.75rem;margin-right:1.75rem}}@media (max-width:767px){.container-md{margin-left:1rem;margin-right:1rem}}.with-link-red a{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity));font-weight:400;position:relative;text-decoration-line:none;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.with-link-red a:hover,.with-nested-link-red-hover:hover .nested-link-red{--tw-text-opacity:1;color:rgb(43 75 238/var(--tw-text-opacity))}.with-text-highlight-red>span{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity));white-space:nowrap}.tailwindcss-code-block{--tw-bg-opacity:1;--tw-text-opacity:1;-ms-overflow-style:none;background-color:rgb(26 26 26/var(--tw-bg-opacity));border-radius:1rem;color:rgb(255 255 255/var(--tw-text-opacity));overflow:scroll;scrollbar-width:none}.tailwindcss-code-block::-webkit-scrollbar{display:none}@media (max-width:1279px){.tailwindcss-code-block{border-radius:.75rem}}.tailwindcss-code-block .linenumber{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity));margin-right:.625rem;min-width:18px!important;padding-right:0!important}@media (max-width:1279px){.tailwindcss-code-block .linenumber{margin-right:.5rem;min-width:15px}}@media (max-width:1023px){.tailwindcss-code-block .linenumber{margin-right:.625rem;min-width:18px}}.tailwindcss-code-block .class-name,.tailwindcss-code-block .tag{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity))}.tailwindcss-code-block .attr-name,.tailwindcss-code-block .punctuation{--tw-text-opacity:1;color:rgb(204 204 204/var(--tw-text-opacity))}.tailwindcss-code-block .attr-value:not(.attr-equals){--tw-text-opacity:1;color:rgb(155 222 255/var(--tw-text-opacity))}.\!content{font-size:18px}@media (max-width:767px){.\!content{font-size:16px}}.content{font-size:18px}@media (max-width:767px){.content{font-size:16px}}.\!content>:first-child,.content>:first-child{margin-top:0!important}.\!content>:last-child,.content>:last-child{margin-bottom:0!important}.\!content h2,.\!content h3,.\!content h4,.\!content h5,.\!content h6,.content h2,.content h3,.content h4,.content h5,.content h6{font-weight:600;line-height:1.375}.\!content h2{font-size:24px;margin-bottom:1.25rem;margin-top:2.5rem}@media (max-width:767px){.\!content h2{font-size:20px;margin-bottom:1rem;margin-top:2rem}}.content h2{font-size:24px;margin-bottom:1.25rem;margin-top:2.5rem}@media (max-width:767px){.content h2{font-size:20px;margin-bottom:1rem;margin-top:2rem}}.\!content h3{font-size:20px;margin-bottom:1.25rem;margin-top:2rem}@media (max-width:767px){.\!content h3{font-size:18px;margin-bottom:1rem;margin-top:1.5rem}}.content h3{font-size:20px;margin-bottom:1.25rem;margin-top:2rem}@media (max-width:767px){.content h3{font-size:18px;margin-bottom:1rem;margin-top:1.5rem}}.content .embedVideo-container,.content ol,.content p,.content ul,.content>video{margin-bottom:1.25rem;margin-top:1.25rem}@media (max-width:767px){.content .embedVideo-container,.content ol,.content p,.content ul,.content>video{margin-bottom:1rem;margin-top:1rem}}.\!content .embedVideo-container,.\!content ol,.\!content p,.\!content ul,.\!content>video{margin-bottom:1.25rem;margin-top:1.25rem}@media (max-width:767px){.\!content .embedVideo-container,.\!content ol,.\!content p,.\!content ul,.\!content>video{margin-bottom:1rem;margin-top:1rem}}.\!content a,.\!content strong,.content strong{font-weight:400}.\!content a{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity));position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!content a:hover{--tw-text-opacity:1;color:rgb(43 75 238/var(--tw-text-opacity))}.content a{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity));font-weight:400;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.content a:hover{--tw-text-opacity:1;color:rgb(43 75 238/var(--tw-text-opacity))}.content .gatsby-highlight,.content figure,.content span.gatsby-resp-image-wrapper,.content>.gatsby-resp-image-wrapper,.content>img{margin-bottom:2.5rem;margin-top:2.5rem}@media (max-width:767px){.content .gatsby-highlight,.content figure,.content span.gatsby-resp-image-wrapper,.content>.gatsby-resp-image-wrapper,.content>img{margin-bottom:2rem;margin-top:2rem}}.\!content .gatsby-highlight,.\!content figure,.\!content span.gatsby-resp-image-wrapper,.\!content>.gatsby-resp-image-wrapper,.\!content>img{margin-bottom:2.5rem;margin-top:2.5rem}@media (max-width:767px){.\!content .gatsby-highlight,.\!content figure,.\!content span.gatsby-resp-image-wrapper,.\!content>.gatsby-resp-image-wrapper,.\!content>img{margin-bottom:2rem;margin-top:2rem}}.\!content .gatsby-resp-image-figure figcaption,.content .gatsby-resp-image-figure figcaption{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity));font-size:14px;font-weight:400;margin-top:.5rem;text-align:center}.content ol>:not([hidden])~:not([hidden]),.content ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.content ol,.content ul{padding-left:3.5rem}@media (max-width:1023px){.content ol>:not([hidden])~:not([hidden]),.content ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.content ol,.content ul{padding-left:2rem}}.\!content ol>:not([hidden])~:not([hidden]),.\!content ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.\!content ol,.\!content ul{padding-left:3.5rem}@media (max-width:1023px){.\!content ol>:not([hidden])~:not([hidden]),.\!content ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.\!content ol,.\!content ul{padding-left:2rem}}.\!content ul>li,.content ul>li{position:relative}.\!content ul>li:before{--tw-translate-x:-100%;--tw-bg-opacity:1;--tw-content:"";background-color:rgb(102 102 102/var(--tw-bg-opacity));border-radius:9999px;content:var(--tw-content);height:.375rem;left:-.625rem;position:absolute;top:.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.375rem}.\!content ul>li:is(.dark *):before{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity))}.content ul>li:before{--tw-translate-x:-100%;--tw-bg-opacity:1;--tw-content:"";background-color:rgb(102 102 102/var(--tw-bg-opacity));border-radius:9999px;content:var(--tw-content);height:.375rem;left:-.625rem;position:absolute;top:.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.375rem}.content ul>li:is(.dark *):before{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity))}.\!content ol{counter-reset:custom-counter!important}.content ol{counter-reset:custom-counter}.\!content ol>li,.content ol>li{position:relative}.\!content ol>li{counter-increment:custom-counter!important}.content ol>li{counter-increment:custom-counter}.\!content ol>li:before{--tw-translate-x:-100%;--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity));font-weight:400;left:-.625rem;position:absolute;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!content ol>li:is(.dark *):before{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}.content ol>li:before{--tw-translate-x:-100%;--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity));font-weight:400;left:-.625rem;position:absolute;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.content ol>li:is(.dark *):before{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}.\!content ol>li:before,.content ol>li:before{content:counter(custom-counter) ". "!important}@media (max-width:1023px){.\!content .table-wrapper,.content .table-wrapper{overflow-x:auto}}.\!content table{border-style:hidden;font-size:16px;width:100%}@media (max-width:1023px){.\!content table{min-width:500px}}.content table{border-style:hidden;font-size:16px;width:100%}@media (max-width:1023px){.content table{min-width:500px}}.\!content table th{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(230 230 230/var(--tw-border-opacity));border-top-width:1px;font-weight:500;padding-bottom:.5rem;padding-top:.5rem;text-align:left}.\!content table th:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.content table th{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(230 230 230/var(--tw-border-opacity));border-top-width:1px;font-weight:500;padding-bottom:.5rem;padding-top:.5rem;text-align:left}.content table th:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.\!content table td{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(230 230 230/var(--tw-border-opacity));border-top-width:1px;padding-bottom:.5rem;padding-top:.5rem}.\!content table td:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.content table td{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(230 230 230/var(--tw-border-opacity));border-top-width:1px;padding-bottom:.5rem;padding-top:.5rem}.content table td:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.\!content code:not(.ch-code-scroll-parent){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity));border-radius:.125rem;color:rgb(0 0 0/var(--tw-text-opacity));font-size:16px;overflow-wrap:break-word;padding:.125rem .375rem}.\!content code:not(.ch-code-scroll-parent):is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}@media (max-width:1023px){.\!content code:not(.ch-code-scroll-parent){font-size:14px;padding:1px .25rem}}.content code:not(.ch-code-scroll-parent){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity));border-radius:.125rem;color:rgb(0 0 0/var(--tw-text-opacity));font-size:16px;overflow-wrap:break-word;padding:.125rem .375rem}.content code:not(.ch-code-scroll-parent):is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}@media (max-width:1023px){.content code:not(.ch-code-scroll-parent){font-size:14px;padding:1px .25rem}}.\!content .embedVideo-container,.content .embedVideo-container{height:0;padding-bottom:56.25%;position:relative}.\!content .embedVideo-container iframe,.content .embedVideo-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.\!content iframe,.\!content video,.content iframe,.content video{margin-left:auto;margin-right:auto;max-width:100%}.\!content video{-webkit-mask-image:-webkit-radial-gradient(#fff,#000)!important}.content video{-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.\!content .twitter-tweet.twitter-tweet-rendered,.content .twitter-tweet.twitter-tweet-rendered{margin-left:auto;margin-right:auto}.\!content .ch-codeblock,.\!content .ch-codegroup,.\!content .ch-preview,.content .ch-codeblock,.content .ch-codegroup,.content .ch-preview{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!content .ch-codegroup{outline-color:#ebebeb;outline-style:solid}.\!content .ch-codegroup:is(.dark *){outline-color:#2e2e2e}.content .ch-codegroup{outline-color:#ebebeb;outline-style:solid}.content .ch-codegroup:is(.dark *){outline-color:#2e2e2e}.\!content .ch-codegroup .ch-frame-title-bar{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(235 235 235/var(--tw-border-opacity));border-top-left-radius:.375rem;border-top-right-radius:.375rem;outline-color:#ebebeb;outline-style:solid}.\!content .ch-codegroup .ch-frame-title-bar:is(.dark *){--tw-border-opacity:1;border-color:rgb(46 46 46/var(--tw-border-opacity));outline-color:#2e2e2e}.content .ch-codegroup .ch-frame-title-bar{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(235 235 235/var(--tw-border-opacity));border-top-left-radius:.375rem;border-top-right-radius:.375rem;outline-color:#ebebeb;outline-style:solid}.content .ch-codegroup .ch-frame-title-bar:is(.dark *){--tw-border-opacity:1;border-color:rgb(46 46 46/var(--tw-border-opacity));outline-color:#2e2e2e}.\!content .ch-codegroup .ch-frame-title-bar div[data-active=false]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.\!content .ch-codegroup .ch-frame-title-bar div[data-active=false]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(46 46 46/var(--tw-bg-opacity))}.content .ch-codegroup .ch-frame-title-bar div[data-active=false]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.content .ch-codegroup .ch-frame-title-bar div[data-active=false]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(46 46 46/var(--tw-bg-opacity))}.\!content .ch-codegroup .ch-code-scroll-content,.content .ch-codegroup .ch-code-scroll-content{border-radius:.375rem}.\!content .ch-codeblock{outline-color:#ebebeb;outline-style:solid}.\!content .ch-codeblock:is(.dark *){outline-color:#2e2e2e}.content .ch-codeblock{outline-color:#ebebeb;outline-style:solid}.content .ch-codeblock:is(.dark *){outline-color:#2e2e2e}.\!content .ch-codeblock .ch-code-scroll-content,.content .ch-codeblock .ch-code-scroll-content{border-radius:.375rem}.\!content .ch-code-scroll-parent .ch-code-scroll-content,.content .ch-code-scroll-parent .ch-code-scroll-content{font-size:14px}.\!content .ch-code-scroll-parent .ch-code-scroll-content>div,.content .ch-code-scroll-parent .ch-code-scroll-content>div{--tw-translate-y:1rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!content .ch-code-scroll-parent .ch-code-scroll-content span,.content .ch-code-scroll-parent .ch-code-scroll-content span{line-height:1.5}.\!content .ch-code-scroll-parent ::-moz-selection{background:highlight!important}.\!content .ch-code-scroll-parent ::selection{background:highlight!important}.content .ch-code-scroll-parent ::-moz-selection{background:highlight}.content .ch-code-scroll-parent ::selection{background:highlight}.content .ch-code-button,.content .ch-editor-button{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity))}.content .ch-code-button:is(.dark *),.content .ch-editor-button:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 161/var(--tw-text-opacity))}.\!content .ch-code-button,.\!content .ch-editor-button{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity))}.\!content .ch-code-button:is(.dark *),.\!content .ch-editor-button:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 161/var(--tw-text-opacity))}.\!content .ch-code-line-number{--tw-text-opacity:1;color:rgb(168 168 168/var(--tw-text-opacity))}.\!content .ch-code-line-number:is(.dark *){--tw-text-opacity:1;color:rgb(135 135 135/var(--tw-text-opacity))}.content .ch-code-line-number{--tw-text-opacity:1;color:rgb(168 168 168/var(--tw-text-opacity))}.content .ch-code-line-number:is(.dark *){--tw-text-opacity:1;color:rgb(135 135 135/var(--tw-text-opacity))}@media (max-height:900px){.sidebar-posts-item:nth-of-type(1n+3){display:none}@media (max-width:1023px){.sidebar-posts-item:nth-of-type(1n+3){display:block}}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{inset:-.25rem}.-inset-1\.5{inset:-.375rem}.inset-0{inset:0}.-bottom-28{bottom:-7rem}.-bottom-\[65px\]{bottom:-65px}.-left-24{left:-6rem}.-left-\[0px\]{left:0}.-right-12{right:-3rem}.-right-\[0px\]{right:0}.-top-8{top:-2rem}.-top-\[25px\]{top:-25px}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-\[-260px\]{right:-260px}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-\[9px\]{top:9px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-2{grid-column-start:2}.col-start-7{grid-column-start:7}.col-end-13{grid-column-end:13}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.\!-mr-4{margin-right:-1rem!important}.\!ml-6{margin-left:1.5rem!important}.-mt-10{margin-top:-2.5rem}.-mt-2{margin-top:-.5rem}.-mt-\[109px\]{margin-top:-109px}.-mt-\[174px\]{margin-top:-174px}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[-199px\]{margin-bottom:-199px}.mb-auto{margin-bottom:auto}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-14{margin-left:3.5rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-3{margin-left:.75rem}.ml-3\.5{margin-left:.875rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[200px\]{margin-top:200px}.mt-\[3px\]{margin-top:3px}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[500\/650\]{aspect-ratio:500/650}.h-0{height:0}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-18{height:4.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-36{height:9rem}.h-4{height:1rem}.h-4\.5{height:1.125rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[102\%\]{height:102%}.h-\[2050px\]{height:2050px}.h-\[259px\]{height:259px}.h-\[26px\]{height:26px}.h-\[3000px\]{height:3000px}.h-\[350px\]{height:350px}.h-\[644px\]{height:644px}.h-\[78px\]{height:78px}.h-\[88px\]{height:88px}.h-\[980px\]{height:980px}.h-\[var\(--real-browser-height\)\]{height:var(--real-browser-height)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[908px\]{max-height:908px}.max-h-screen{max-height:100vh}.min-h-\[160px\]{min-height:160px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[102\%\]{width:102%}.w-\[1090px\]{width:1090px}.w-\[1100px\]{width:1100px}.w-\[120\%\]{width:120%}.w-\[1388px\]{width:1388px}.w-\[350px\]{width:350px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-full{width:100%}.min-w-\[1024px\]{min-width:1024px}.min-w-\[103\%\]{min-width:103%}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1008px\]{max-width:1008px}.max-w-\[1096px\]{max-width:1096px}.max-w-\[160px\]{max-width:160px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[20\%\]{max-width:20%}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[275px\]{max-width:275px}.max-w-\[344px\]{max-width:344px}.max-w-\[35\%\]{max-width:35%}.max-w-\[352px\]{max-width:352px}.max-w-\[410px\]{max-width:410px}.max-w-\[414px\]{max-width:414px}.max-w-\[420px\]{max-width:420px}.max-w-\[468px\]{max-width:468px}.max-w-\[488px\]{max-width:488px}.max-w-\[520px\]{max-width:520px}.max-w-\[586px\]{max-width:586px}.max-w-\[590px\]{max-width:590px}.max-w-\[592px\]{max-width:592px}.max-w-\[660px\]{max-width:660px}.max-w-\[696px\]{max-width:696px}.max-w-\[700px\]{max-width:700px}.max-w-\[740px\]{max-width:740px}.max-w-\[800px\]{max-width:800px}.max-w-\[864px\]{max-width:864px}.max-w-\[950px\]{max-width:950px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-64{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-64{--tw-translate-x:-16rem}.-translate-x-\[32\%\]{--tw-translate-x:-32%}.-translate-x-\[32\%\],.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-64{--tw-translate-y:-16rem}.-translate-y-64,.translate-x-\[-254px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-254px\]{--tw-translate-x:-254px}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-\[calc\(-505px_-_480px_\/_2_\+_100vh_\/_2\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(-505px_-_480px_\/_2_\+_100vh_\/_2\)\]{--tw-translate-y:calc(-745px + 50vh)}.translate-y-full{--tw-translate-y:100%}.rotate-180,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_max-content\]{grid-template-columns:1fr max-content}.grid-cols-\[338px_1fr_338px\]{grid-template-columns:338px 1fr 338px}.grid-cols-\[36px_1fr\]{grid-template-columns:36px 1fr}.grid-rows-\[212px_1fr_212px\]{grid-template-rows:212px 1fr 212px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-16{row-gap:4rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(4rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.625rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.625rem*var(--tw-space-x-reverse))}.space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-3\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.875rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.875rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(11rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(11rem*var(--tw-space-x-reverse))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(5rem*var(--tw-space-y-reverse));margin-top:calc(5rem*(1 - var(--tw-space-y-reverse)))}.space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(10rem*var(--tw-space-y-reverse));margin-top:calc(10rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-2xl{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[6px\]{border-width:6px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-red{--tw-border-opacity:1!important;border-color:rgb(238 43 108/var(--tw-border-opacity))!important}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-gray-3{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-gray-4{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity))}.border-gray-8{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.border-gray-9{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.border-green{--tw-border-opacity:1;border-color:rgb(0 204 118/var(--tw-border-opacity))}.border-red{--tw-border-opacity:1;border-color:rgb(238 43 108/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-b-gray-3{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-l-gray-4{--tw-border-opacity:1;border-left-color:rgb(230 230 230/var(--tw-border-opacity))}.border-l-gray-8{--tw-border-opacity:1;border-left-color:rgb(51 51 51/var(--tw-border-opacity))}.border-t-gray-3{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.border-t-gray-4{--tw-border-opacity:1;border-top-color:rgb(230 230 230/var(--tw-border-opacity))}.border-opacity-20{--tw-border-opacity:0.2}.bg-\[\#252c37\]{--tw-bg-opacity:1;background-color:rgb(37 44 55/var(--tw-bg-opacity))}.bg-\[\#259df4\]{--tw-bg-opacity:1;background-color:rgb(37 157 244/var(--tw-bg-opacity))}.bg-\[\#42d7d7\]{--tw-bg-opacity:1;background-color:rgb(66 215 215/var(--tw-bg-opacity))}.bg-\[\#f7c797\]{--tw-bg-opacity:1;background-color:rgb(247 199 151/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-current{background-color:currentColor}.bg-gray-2{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-gray-9{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\[linear-gradient\(180deg\2c \#f5f5f5_75\%\2c rgba\(255\2c 255\2c 255\2c 0\)_100\%\)\]{background-image:linear-gradient(180deg,#f5f5f5 75%,hsla(0,0%,100%,0))}.bg-\[linear-gradient\(86deg\2c \#899bf5_19\.47\%\2c \#f589ad_53\.53\%\2c \#f5c489_84\.93\%\)\]{background-image:linear-gradient(86deg,#899bf5 19.47%,#f589ad 53.53%,#f5c489 84.93%)}.bg-\[linear-gradient\(86deg\2c \#f59f89_10\.44\%\2c \#f589ad_51\.76\%\2c \#9b89f5_92\.94\%\)\]{background-image:linear-gradient(86deg,#f59f89 10.44%,#f589ad 51.76%,#9b89f5 92.94%)}.bg-\[linear-gradient\(99deg\2c \#ffc682_27\.43\%\2c \#ff82e0_89\.47\%\)\]{background-image:linear-gradient(99deg,#ffc682 27.43%,#ff82e0 89.47%)}.bg-\[radial-gradient\(circle\2c \#ffffff_0\%\2c rgba\(255\2c 255\2c 255\2c 0\)_75\%\)\]{background-image:radial-gradient(circle,#fff 0,hsla(0,0%,100%,0) 75%)}.bg-\[radial-gradient\(circle\2c rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c \#f5f5f5_75\%\)\]{background-image:radial-gradient(circle,hsla(0,0%,100%,0) 0,#f5f5f5 75%)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.stroke-green{stroke:#00cc76}.object-center{-o-object-position:center;object-position:center}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-40{padding-bottom:10rem;padding-top:10rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-52{padding-bottom:13rem;padding-top:13rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-80{padding-bottom:20rem;padding-top:20rem}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-\[245px\]{padding-bottom:245px}.pb-\[360px\]{padding-bottom:360px}.pb-\[365px\]{padding-bottom:365px}.pb-\[500px\]{padding-bottom:500px}.pb-px{padding-bottom:1px}.pl-14{padding-left:3.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-5{padding-top:1.25rem}.pt-52{padding-top:13rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-80{padding-top:20rem}.pt-\[100px\]{padding-top:100px}.pt-\[200px\]{padding-top:200px}.pt-\[300px\]{padding-top:300px}.pt-\[400px\]{padding-top:400px}.text-center{text-align:center}.\!text-lg{font-size:18px!important}.text-2xl{font-size:24px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-6xl{font-size:56px}.text-8xl{font-size:96px}.text-\[0px\]{font-size:0}.text-\[13px\]{font-size:13px}.text-\[64px\]{font-size:64px}.text-\[80px\]{font-size:80px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-sm{font-size:14px}.text-xl{font-size:20px}.text-xs{font-size:12px}.\!font-semibold{font-weight:600!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.\!leading-snug{line-height:1.375!important}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.-tracking-\[0\.01em\]{letter-spacing:-.01em}.-tracking-\[0\.02em\]{letter-spacing:-.02em}.-tracking-\[0\.04em\]{letter-spacing:-.04em}.tracking-\[-1\.12px\]{letter-spacing:-1.12px}.tracking-\[0\.014em\]{letter-spacing:.014em}.tracking-\[0\.02em\]{letter-spacing:.02em}.\!text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.text-\[\#259df4\]{--tw-text-opacity:1;color:rgb(37 157 244/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-7{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity))}.text-gray-8{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 2px 4px rgba(0,0,0,.06);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 4px 7px 0 rgba(0,0,0,.25);--tw-shadow-colored:0 4px 7px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.blur-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur:blur(16px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-md,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\2c visibility\]{transition-duration:.15s;transition-property:opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.disable-transition *,.disable-transition :after,.disable-transition :before{transition-property:none!important}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.remove-image-loading-visual{clip-path:inset(.5px);color:transparent}.gatsby-image-wrapper .loaded[data-main-image]{opacity:1!important}.gatsby-resp-image-image{box-shadow:none!important}@media (max-width:767px){.sm\:grid-gap-x{-moz-column-gap:2rem;column-gap:2rem}@media (max-width:1279px){.sm\:grid-gap-x{-moz-column-gap:1.75rem;column-gap:1.75rem}}@media (max-width:1023px){.sm\:grid-gap-x{-moz-column-gap:1.25rem;column-gap:1.25rem}}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:h-8:before{content:var(--tw-content);height:2rem}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:-translate-y-1\/2:before{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-gray-4:before{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity));content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:-bottom-1:after{bottom:-.25rem;content:var(--tw-content)}.after\:-bottom-\[13px\]:after{bottom:-13px;content:var(--tw-content)}.after\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-2:after{content:var(--tw-content);top:.5rem}.after\:z-10:after{content:var(--tw-content);z-index:10}.after\:h-0:after{content:var(--tw-content);height:0}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-0:after{content:var(--tw-content);width:0}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:border-\[3px\]:after{border-width:3px;content:var(--tw-content)}.after\:border-b-0:after{border-bottom-width:0;content:var(--tw-content)}.after\:border-transparent:after{border-color:transparent;content:var(--tw-content)}.after\:border-t-black:after{--tw-border-opacity:1;border-top-color:rgb(0 0 0/var(--tw-border-opacity));content:var(--tw-content)}.after\:border-t-white:after{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.after\:bg-gray-4:after{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity));content:var(--tw-content)}.after\:bg-red:after{--tw-bg-opacity:1;background-color:rgb(238 43 108/var(--tw-bg-opacity));content:var(--tw-content)}.after\:bg-opacity-40:after{--tw-bg-opacity:0.4;content:var(--tw-content)}.after\:transition-colors:after{content:var(--tw-content);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-200:after{content:var(--tw-content);transition-duration:.2s}.hover\:border-blue:hover{--tw-border-opacity:1;border-color:rgb(43 75 238/var(--tw-border-opacity))}.hover\:\!bg-\[\#259df4\]:hover{--tw-bg-opacity:1!important;background-color:rgb(37 157 244/var(--tw-bg-opacity))!important}.hover\:\!bg-\[\#3380cc\]:hover{--tw-bg-opacity:1!important;background-color:rgb(51 128 204/var(--tw-bg-opacity))!important}.hover\:bg-\[\#1781cf\]:hover{--tw-bg-opacity:1;background-color:rgb(23 129 207/var(--tw-bg-opacity))}.hover\:text-blue:hover{--tw-text-opacity:1;color:rgb(43 75 238/var(--tw-text-opacity))}.hover\:text-red:hover{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:shadow-\[0_2px_25px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c 0_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover{--tw-shadow:0 2px 25px 0 rgba(0,0,0,.15),0 2px 4px 0 rgba(0,0,0,.06);--tw-shadow-colored:0 2px 25px 0 var(--tw-shadow-color),0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\:hover\:border-t-red:hover:after{--tw-border-opacity:1;border-top-color:rgb(238 43 108/var(--tw-border-opacity));content:var(--tw-content)}.hover\:after\:bg-opacity-100:hover:after{--tw-bg-opacity:1;content:var(--tw-content)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:text-red{--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-gray-8:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity))}.dark\:border-l-gray-8:is(.dark *){--tw-border-opacity:1;border-left-color:rgb(51 51 51/var(--tw-border-opacity))}.dark\:border-t-gray-8:is(.dark *){--tw-border-opacity:1;border-top-color:rgb(51 51 51/var(--tw-border-opacity))}.dark\:\!bg-gray-9:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(26 26 26/var(--tw-bg-opacity))!important}.dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark\:\!bg-none:is(.dark *){background-image:none!important}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:opacity-0:is(.dark *){opacity:0}.dark\:opacity-100:is(.dark *){opacity:1}.dark\:shadow-none:is(.dark *){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:before\:bg-gray-8:is(.dark *):before{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity));content:var(--tw-content)}.dark\:after\:border-transparent:is(.dark *):after{border-color:transparent;content:var(--tw-content)}.dark\:after\:border-t-white:is(.dark *):after{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.dark\:after\:bg-gray-8:is(.dark *):after{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity));content:var(--tw-content)}.dark\:hover\:text-red:hover:is(.dark *){--tw-text-opacity:1;color:rgb(238 43 108/var(--tw-text-opacity))}.dark\:after\:hover\:border-t-red:hover:is(.dark *):after{--tw-border-opacity:1;border-top-color:rgb(238 43 108/var(--tw-border-opacity));content:var(--tw-content)}@media (max-width:1535px){.xl\:relative{position:relative}.xl\:right-0{right:0}.xl\:mx-0{margin-left:0;margin-right:0}.xl\:flex{display:flex}.xl\:h-auto{height:auto}.xl\:max-w-\[696px\]{max-width:696px}.xl\:max-w-none{max-width:none}.xl\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.xl\:justify-center{justify-content:center}.xl\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(5rem*var(--tw-space-x-reverse))}}@media (max-width:1279px){.lg\:bottom-0{bottom:0}.lg\:left-2{left:.5rem}.lg\:left-2\.5{left:.625rem}.lg\:right-\[-152px\]{right:-152px}.lg\:top-2{top:.5rem}.lg\:top-2\.5{top:.625rem}.lg\:top-auto{top:auto}.lg\:col-start-9{grid-column-start:9}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:-mb-64{margin-bottom:-16rem}.lg\:-mt-40{margin-top:-10rem}.lg\:-mt-8{margin-top:-2rem}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mb-\[-153px\]{margin-bottom:-153px}.lg\:mb-\[18px\]{margin-bottom:18px}.lg\:ml-10{margin-left:2.5rem}.lg\:ml-3{margin-left:.75rem}.lg\:ml-auto{margin-left:auto}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-14{margin-top:3.5rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-2\.5{margin-top:.625rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-28{margin-top:7rem}.lg\:mt-3{margin-top:.75rem}.lg\:mt-3\.5{margin-top:.875rem}.lg\:mt-32{margin-top:8rem}.lg\:mt-36{margin-top:9rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-7{margin-top:1.75rem}.lg\:mt-8{margin-top:2rem}.lg\:h-10{height:2.5rem}.lg\:h-14{height:3.5rem}.lg\:h-28{height:7rem}.lg\:h-4{height:1rem}.lg\:h-6{height:1.5rem}.lg\:h-\[1025px\]{height:1025px}.lg\:h-\[1366px\]{height:1366px}.lg\:h-\[2307px\]{height:2307px}.lg\:h-\[500px\]{height:500px}.lg\:h-full{height:100%}.lg\:max-h-none{max-height:none}.lg\:min-h-\[120px\]{min-height:120px}.lg\:min-h-\[154px\]{min-height:154px}.lg\:min-h-\[176px\]{min-height:176px}.lg\:w-28{width:7rem}.lg\:w-8{width:2rem}.lg\:w-\[136px\]{width:136px}.lg\:w-\[726px\]{width:726px}.lg\:w-\[846px\]{width:846px}.lg\:max-w-\[230px\]{max-width:230px}.lg\:max-w-\[300px\]{max-width:300px}.lg\:max-w-\[400px\]{max-width:400px}.lg\:max-w-\[406px\]{max-width:406px}.lg\:max-w-\[420px\]{max-width:420px}.lg\:max-w-\[436px\]{max-width:436px}.lg\:max-w-\[458px\]{max-width:458px}.lg\:max-w-\[50\%\]{max-width:50%}.lg\:max-w-\[520px\]{max-width:520px}.lg\:max-w-\[568px\]{max-width:568px}.lg\:max-w-\[570px\]{max-width:570px}.lg\:max-w-\[600px\]{max-width:600px}.lg\:max-w-\[626px\]{max-width:626px}.lg\:max-w-\[650px\]{max-width:650px}.lg\:max-w-\[690px\]{max-width:690px}.lg\:max-w-\[700px\]{max-width:700px}.lg\:max-w-\[712px\]{max-width:712px}.lg\:max-w-\[728px\]{max-width:728px}.lg\:max-w-\[782px\]{max-width:782px}.lg\:max-w-\[900px\]{max-width:900px}.lg\:max-w-none{max-width:none}.lg\:-translate-x-1\/2{--tw-translate-x:-50%}.lg\:-translate-x-1\/2,.lg\:translate-x-\[-10\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-x-\[-10\%\]{--tw-translate-x:-10%}.lg\:translate-x-\[-174px\]{--tw-translate-x:-174px}.lg\:translate-x-\[-174px\],.lg\:translate-y-\[calc\(-388px_-_369px_\/_2_\+_100vh_\/_2\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-y-\[calc\(-388px_-_369px_\/_2_\+_100vh_\/_2\)\]{--tw-translate-y:calc(-572.5px + 50vh)}.lg\:scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85}.lg\:scale-\[0\.85\],.lg\:scale-\[0\.8\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:scale-\[0\.8\]{--tw-scale-x:0.8;--tw-scale-y:0.8}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[260px_1fr_260px\]{grid-template-columns:260px 1fr 260px}.lg\:grid-rows-\[164px_1fr_164px\]{grid-template-rows:164px 1fr 164px}.lg\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:gap-\[18px\]{gap:18px}.lg\:gap-y-14{row-gap:3.5rem}.lg\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(8rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(8rem*var(--tw-space-x-reverse))}.lg\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.lg\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.lg\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4rem*var(--tw-space-y-reverse));margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)))}.lg\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(9rem*var(--tw-space-y-reverse));margin-top:calc(9rem*(1 - var(--tw-space-y-reverse)))}.lg\:rounded-xl{border-radius:.75rem}.lg\:rounded-l-xl{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.lg\:border-\[5px\]{border-width:5px}.lg\:p-6{padding:1.5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-4\.5{padding-left:1.125rem;padding-right:1.125rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-28{padding-bottom:7rem;padding-top:7rem}.lg\:py-36{padding-bottom:9rem;padding-top:9rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-56{padding-bottom:14rem;padding-top:14rem}.lg\:py-\[74px\]{padding-bottom:74px;padding-top:74px}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-44{padding-bottom:11rem}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pb-\[300px\]{padding-bottom:300px}.lg\:pb-\[400px\]{padding-bottom:400px}.lg\:pl-10{padding-left:2.5rem}.lg\:pt-0{padding-top:0}.lg\:pt-14{padding-top:3.5rem}.lg\:pt-18{padding-top:4.5rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-3{padding-top:.75rem}.lg\:pt-3\.5{padding-top:.875rem}.lg\:pt-36{padding-top:9rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-56{padding-top:14rem}.lg\:pt-\[150px\]{padding-top:150px}.lg\:pt-\[200px\]{padding-top:200px}.lg\:text-3xl{font-size:30px}.lg\:text-4xl{font-size:36px}.lg\:text-5xl{font-size:48px}.lg\:text-6xl{font-size:56px}.lg\:text-\[13px\]{font-size:13px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[88px\]{font-size:88px}.lg\:text-base{font-size:16px}.lg\:text-lg{font-size:18px}.lg\:text-xl{font-size:20px}.lg\:text-xs{font-size:12px}}@media (max-width:1023px){.md\:relative{position:relative}.md\:left-3{left:.75rem}.md\:top-0{top:0}.md\:top-3{top:.75rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:order-5{order:5}.md\:order-6{order:6}.md\:order-first{order:-9999}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-full{grid-column:1/-1}.md\:col-start-2{grid-column-start:2}.md\:row-span-1{grid-row:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:\!mr-0{margin-right:0!important}.md\:-mt-9{margin-top:-2.25rem}.md\:mb-11{margin-bottom:2.75rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-\[-196px\]{margin-bottom:-196px}.md\:ml-2{margin-left:.5rem}.md\:ml-2\.5{margin-left:.625rem}.md\:mt-1{margin-top:.25rem}.md\:mt-1\.5{margin-top:.375rem}.md\:mt-10{margin-top:2.5rem}.md\:mt-11{margin-top:2.75rem}.md\:mt-12{margin-top:3rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-2{margin-top:.5rem}.md\:mt-2\.5{margin-top:.625rem}.md\:mt-20{margin-top:5rem}.md\:mt-24{margin-top:6rem}.md\:mt-28{margin-top:7rem}.md\:mt-3{margin-top:.75rem}.md\:mt-32{margin-top:8rem}.md\:mt-36{margin-top:9rem}.md\:mt-4{margin-top:1rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-7{margin-top:1.75rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-24{height:6rem}.md\:h-5{height:1.25rem}.md\:h-\[108\%\]{height:108%}.md\:h-auto{height:auto}.md\:max-h-full{max-height:100%}.md\:min-h-\[100px\]{min-height:100px}.md\:min-h-\[144px\]{min-height:144px}.md\:min-h-\[180px\]{min-height:180px}.md\:w-24{width:6rem}.md\:w-52{width:13rem}.md\:max-w-\[240px\]{max-width:240px}.md\:max-w-\[350px\]{max-width:350px}.md\:max-w-\[430px\]{max-width:430px}.md\:max-w-\[434px\]{max-width:434px}.md\:max-w-\[440px\]{max-width:440px}.md\:max-w-\[450px\]{max-width:450px}.md\:max-w-\[458px\]{max-width:458px}.md\:max-w-\[470px\]{max-width:470px}.md\:max-w-\[490px\]{max-width:490px}.md\:max-w-\[530px\]{max-width:530px}.md\:max-w-\[574px\]{max-width:574px}.md\:max-w-\[590px\]{max-width:590px}.md\:max-w-\[650px\]{max-width:650px}.md\:max-w-\[712px\]{max-width:712px}.md\:max-w-\[75\%\]{max-width:75%}.md\:max-w-none{max-width:none}.md\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-rows-\[422px_644px_200px\]{grid-template-rows:422px 644px 200px}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-between{justify-content:space-between}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-x-0{-moz-column-gap:0;column-gap:0}.md\:gap-y-11{row-gap:2.75rem}.md\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.md\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.75rem*var(--tw-space-y-reverse));margin-top:calc(2.75rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3.5rem*var(--tw-space-y-reverse));margin-top:calc(3.5rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(6rem*var(--tw-space-y-reverse));margin-top:calc(6rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.md\:self-center{align-self:center}.md\:justify-self-center{justify-self:center}.md\:rounded-2xl{border-radius:1rem}.md\:border-t{border-top-width:1px}.md\:border-none{border-style:none}.md\:border-t-gray-8{--tw-border-opacity:1;border-top-color:rgb(51 51 51/var(--tw-border-opacity))}.md\:bg-\[\#259df4\]{--tw-bg-opacity:1;background-color:rgb(37 157 244/var(--tw-bg-opacity))}.md\:bg-\[\#3380cc\]{--tw-bg-opacity:1;background-color:rgb(51 128 204/var(--tw-bg-opacity))}.md\:p-0{padding:0}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:py-28{padding-bottom:7rem;padding-top:7rem}.md\:py-32{padding-bottom:8rem;padding-top:8rem}.md\:py-36{padding-bottom:9rem;padding-top:9rem}.md\:py-40{padding-bottom:10rem;padding-top:10rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:pb-24{padding-bottom:6rem}.md\:pb-36{padding-bottom:9rem}.md\:pt-0{padding-top:0}.md\:pt-20{padding-top:5rem}.md\:pt-32{padding-top:8rem}.md\:pt-40{padding-top:10rem}.md\:pt-7{padding-top:1.75rem}.md\:text-2xl{font-size:24px}.md\:text-3xl{font-size:30px}.md\:text-4xl{font-size:36px}.md\:text-5xl{font-size:48px}.md\:text-\[32px\]{font-size:32px}.md\:text-lg{font-size:18px}.md\:text-sm{font-size:14px}.md\:text-xl{font-size:20px}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:opacity-0{opacity:0}.md\:opacity-100{opacity:1}.dark\:md\:bg-\[\#259df4\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 157 244/var(--tw-bg-opacity))}.dark\:md\:bg-\[\#3380cc\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 128 204/var(--tw-bg-opacity))}.dark\:md\:bg-transparent:is(.dark *){background-color:transparent}.dark\:md\:opacity-0:is(.dark *){opacity:0}.dark\:md\:opacity-100:is(.dark *){opacity:1}}@media (max-width:767px){.sm\:-bottom-48{bottom:-12rem}.sm\:order-first{order:-9999}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-start-1{grid-column-start:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:row-start-2{grid-row-start:2}.sm\:row-start-auto{grid-row-start:auto}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mx-px{margin-left:1px;margin-right:1px}.sm\:-mb-72{margin-bottom:-18rem}.sm\:-mt-10{margin-top:-2.5rem}.sm\:-mt-\[148px\]{margin-top:-148px}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-9{margin-bottom:2.25rem}.sm\:mb-\[-129px\]{margin-bottom:-129px}.sm\:ml-0{margin-left:0}.sm\:ml-1{margin-left:.25rem}.sm\:ml-1\.5{margin-left:.375rem}.sm\:ml-3{margin-left:.75rem}.sm\:mt-0{margin-top:0}.sm\:mt-1{margin-top:.25rem}.sm\:mt-1\.5{margin-top:.375rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-11{margin-top:2.75rem}.sm\:mt-16{margin-top:4rem}.sm\:mt-2{margin-top:.5rem}.sm\:mt-2\.5{margin-top:.625rem}.sm\:mt-20{margin-top:5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-4\.5{margin-top:1.125rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:\!h-10{height:2.5rem!important}.sm\:h-10{height:2.5rem}.sm\:h-18{height:4.5rem}.sm\:h-3{height:.75rem}.sm\:h-3\.5{height:.875rem}.sm\:h-5{height:1.25rem}.sm\:h-52{height:13rem}.sm\:h-6{height:1.5rem}.sm\:h-8{height:2rem}.sm\:h-\[1920px\]{height:1920px}.sm\:min-h-\[120px\]{min-height:120px}.sm\:min-h-\[170px\]{min-height:170px}.sm\:\!w-10{width:2.5rem!important}.sm\:w-4{width:1rem}.sm\:w-4\.5{width:1.125rem}.sm\:w-8{width:2rem}.sm\:w-\[125\%\]{width:125%}.sm\:w-\[325vw\]{width:325vw}.sm\:w-full{width:100%}.sm\:max-w-\[1440px\]{max-width:1440px}.sm\:max-w-\[150px\]{max-width:150px}.sm\:max-w-\[290px\]{max-width:290px}.sm\:max-w-\[300px\]{max-width:300px}.sm\:max-w-\[328px\]{max-width:328px}.sm\:max-w-\[330px\]{max-width:330px}.sm\:max-w-\[350px\]{max-width:350px}.sm\:max-w-\[370px\]{max-width:370px}.sm\:max-w-\[95\%\]{max-width:95%}.sm\:max-w-full{max-width:100%}.sm\:max-w-none{max-width:none}.sm\:basis-1\/2{flex-basis:50%}.sm\:translate-x-\[-15\%\]{--tw-translate-x:-15%}.sm\:scale-\[0\.7\],.sm\:translate-x-\[-15\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-\[0\.7\]{--tw-scale-x:0.7;--tw-scale-y:0.7}.sm\:scale-\[0\.9\]{--tw-scale-x:0.9;--tw-scale-y:0.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-rows-\[398px_156px_398px_156px_398px\]{grid-template-rows:398px 156px 398px 156px 398px}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-4{gap:1rem}.sm\:gap-y-10{row-gap:2.5rem}.sm\:gap-y-8{row-gap:2rem}.sm\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.sm\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4rem*var(--tw-space-y-reverse));margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.sm\:rounded-bl-none{border-bottom-left-radius:0}.sm\:border-0{border-width:0}.sm\:object-\[50\%_40\%\]{-o-object-position:50% 40%;object-position:50% 40%}.sm\:p-1{padding:.25rem}.sm\:p-1\.5{padding:.375rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-20{padding-bottom:5rem;padding-top:5rem}.sm\:py-24{padding-bottom:6rem;padding-top:6rem}.sm\:py-32{padding-bottom:8rem;padding-top:8rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-9{padding-bottom:2.25rem}.sm\:pl-0{padding-left:0}.sm\:pr-3{padding-right:.75rem}.sm\:pr-3\.5{padding-right:.875rem}.sm\:pt-0{padding-top:0}.sm\:pt-11{padding-top:2.75rem}.sm\:pt-14{padding-top:3.5rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-28{padding-top:7rem}.sm\:pt-4{padding-top:1rem}.sm\:pt-5{padding-top:1.25rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:24px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-base{font-size:16px}.sm\:text-lg{font-size:18px}.sm\:text-sm{font-size:14px}.sm\:text-xl{font-size:20px}.sm\:hide-br br{display:none}}@media (max-width:413px){.xs\:mb-\[-97px\]{margin-bottom:-97px}.xs\:mt-16{margin-top:4rem}.xs\:w-\[150\%\]{width:150%}.xs\:grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.xs\:gap-2{gap:.5rem}.xs\:px-2{padding-left:.5rem;padding-right:.5rem}.xs\:text-4xl{font-size:36px}.xs\:text-xs{font-size:12px}}.\[\&_p\:first-child\]\:mt-0 p:first-child{margin-top:0}.\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:0}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link rel="icon" href="/favicon-32x32.png?v=712392cfabe84a0b801be7cec12cab9c" type="image/png"><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=712392cfabe84a0b801be7cec12cab9c"><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"><link rel="canonical" href="https://pixelpoint.io/services/web-design/" data-baseprotocol="https:" data-basehost="pixelpoint.io"><link rel="preconnect" href="https://plausible.pixelpoint.io"><script defer="" data-domain="pixelpoint.io" src="https://plausible.pixelpoint.io/js/plausible.js"></script><script>
            window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };
          </script><title data-gatsby-head="true">Web Design — Pixel Point</title></head><body><script>
(function() {
  if(window.matchMedia('(prefers-color-scheme: dark)').matches) {
    plausible('User Color Mode', { props: { mode: 'dark' } });
  }
  else {
    plausible('User Color Mode', { props: { mode: 'light' } });
  }
  if (window.location.pathname.startsWith('/blog')) {
    const isDarkModeSetInLocalStorage = typeof localStorage !== 'undefined' && localStorage.theme === 'dark';
    const isSystemModeDark = !('theme' in localStorage) && typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;

    if (isDarkModeSetInLocalStorage || isSystemModeDark) {
      document.documentElement.classList.add('dark');
    } else {
      document.documentElement.classList.remove('dark');
    }
  }
})()</script><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="flex min-h-screen flex-col"><header class="safe-paddings absolute top-0 left-0 right-0 z-50 w-full"><div class="container-lg flex h-[88px] items-center justify-between sm:h-18"><a class="relative" href="/"><span class="sr-only">Pixel Point</span><img class="h-9 transition-opacity duration-200 w-auto dark:opacity-100 opacity-100" width="143" height="36" src="/static/logo-white-0679a0d0437067ddf8358bcde54bbf1c.svg" loading="eager" alt=""><img class="top-0 left-0 absolute h-9 transition-opacity duration-200 w-auto dark:opacity-0 opacity-0" width="143" height="36" src="/static/logo-black-77686f0f816c4377f09da3e7d7baf931.svg" loading="eager" alt=""></a><nav class="flex items-center"><ul class="flex items-center space-x-10 text-[0px] md:hidden"><li class="group relative cursor-pointer pr-2.5 after:absolute after:top-2 after:right-0 after:h-0 after:w-0 after:border-[3px] after:border-b-0 after:transition-colors after:duration-200 after:hover:border-t-red dark:after:border-transparent dark:after:border-t-white dark:after:hover:border-t-red after:border-transparent after:border-t-white"><span class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red group-hover:text-red">Services</span><div class="invisible absolute -left-24 bottom-0 w-[500px] translate-y-full pt-6 text-[0px] opacity-0 transition-[opacity,visibility] duration-200 group-hover:visible group-hover:opacity-100 dark:text-black"><ul class="rounded-2xl bg-white p-6 pb-7" style="box-shadow:0px 4px 8px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1)"><li class=""><a aria-current="page" class="with-nested-link-red-hover flex space-x-5" href="/services/web-design/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="h-14 shrink-0"><rect width="56" height="56" fill="#000" rx="8"></rect><mask id="services-web-design_inline_svg__a" width="56" height="56" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="56" height="56" fill="#000" rx="8"></rect></mask><g mask="url(#services-web-design_inline_svg__a)"><path stroke="#fff" stroke-width="2" d="M-16 13.182c8.761 29.693 85.028-41.515 44.494 13.168S43.22 26.234 66 35.984"></path><path stroke="#fff" stroke-width="2" d="M25.47 63.239C18.744 39.73-30.325 93.809.79 50.516s-11.304.091-28.79-7.628M31-8.436C37.163 14.487 82.13-38.245 53.615 3.97S63.975 3.88 80 11.408"></path><circle cx="16" cy="16" r="10" fill="#EE2B6C"></circle><path fill="#fff" d="M12 12h8v8h-8z"></path><path fill="#2B4BEE" d="M30 30h20v20H30z"></path><circle cx="40" cy="40" r="5" fill="#fff"></circle></g></svg><div><span class="text-2xl font-normal leading-snug">Web Design</span><p class="mt-2.5 text-base">Get a stunning-looking website made by in-house team of motion, graphic, and web designers.</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-4"><span>Read more</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></div></a></li><li class="mt-7 border-t border-t-gray-4 pt-7"><a class="with-nested-link-red-hover flex space-x-5" href="/services/web-development/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="h-14 shrink-0"><mask id="services-web-development_inline_svg__a" width="56" height="56" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="56" height="56" fill="#000" rx="8"></rect></mask><g mask="url(#services-web-development_inline_svg__a)"><rect width="56" height="56" fill="#000" rx="8"></rect><rect width="34" height="4" x="18" y="7.5" fill="#D9D9A6" rx="2"></rect><rect width="30" height="4" x="18" y="17.5" fill="#666" rx="2"></rect><rect width="22" height="4" x="18" y="27.5" fill="#9BDEFF" rx="2"></rect><rect width="21" height="4" x="31" y="37.5" fill="#666" rx="2"></rect><rect width="10" height="4" x="18" y="37.5" fill="#C7826B" rx="2"></rect><path fill="#333" d="M0 8a8 8 0 0 1 8-8h6v48H0z"></path><circle cx="7" cy="9.5" r="2.5" fill="#CCC"></circle><circle cx="7" cy="19.5" r="2.5" fill="#666"></circle><circle cx="7" cy="29.5" r="2.5" fill="#666"></circle><circle cx="7" cy="39.5" r="2.5" fill="#666"></circle><path fill="#2B4BEE" d="M0 48h56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8"></path></g></svg><div><span class="text-2xl font-normal leading-snug">Web Development</span><p class="mt-2.5 text-base">Have a reliable web platform built with React, 3rd parties &amp; integrations at your disposal</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-4"><span>Read more</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></div></a></li></ul></div></li><li class=""><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red group-hover:text-red" href="/case-studies/">Case Studies</a></li><li class=""><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red group-hover:text-red" href="/about/">About Us</a></li><li class=""><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red group-hover:text-red" href="/blog/">Blog</a></li><li class="!ml-6 border-l pl-6 dark:border-l-gray-8 border-l-gray-8"><a class="inline-flex leading-none transition-colors duration-200 text-base relative font-normal text-red after:absolute after:-bottom-1 after:translate-y-full after:left-0 after:w-full after:h-0.5 after:bg-red after:bg-opacity-40 after:transition-colors after:duration-200 hover:after:bg-opacity-100" href="mailto:[email protected]">[email protected]</a></li></ul><button class="relative h-5 w-7 dark:text-white text-white hidden md:block" type="button" aria-label="Open menu"><span class="absolute top-0 right-0 block h-0.5 w-full rounded-full bg-current transition-colors duration-200"></span><span class="absolute top-[9px] right-0 block h-0.5 w-5 rounded-full bg-current transition-colors duration-200"></span><span class="absolute bottom-0 right-0 block h-0.5 w-full rounded-full bg-current transition-colors duration-200"></span><span class="absolute top-[9px] right-0 hidden h-0.5 w-full rounded-full bg-current transition-colors duration-200" style="transform: rotate(0deg) translateZ(0px);"></span><span class="absolute top-[9px] right-0 hidden h-0.5 w-full rounded-full bg-current transition-colors duration-200" style="transform: rotate(0deg) translateZ(0px);"></span></button></nav></div></header><main class="flex-grow"><section class="safe-paddings relative h-[var(--real-browser-height)] overflow-hidden bg-black"><div class="container h-full"><h1 class="sr-only">Magnetize new users with astonishing design</h1><div class="invisible absolute top-1/2 left-1/2 h-full w-full min-w-[1024px] max-w-[1920px] -translate-x-1/2 -translate-y-1/2 opacity-0 sm:w-[325vw] sm:max-w-[1440px] !visible !opacity-100"><div class="" style="width:100%;height:100%"><canvas style="vertical-align: top; width: 1024px; height: 600px;" width="1024" height="600"></canvas></div></div></div></section><section class="safe-paddings bg-black pt-32 lg:pt-24 md:pt-20 sm:pt-14"><div class="container grid-gap-x grid grid-cols-12 items-center md:block"><div class="col-span-6 text-white"><h2 class="max-w-[520px] text-6xl font-normal leading-snug lg:max-w-[400px] lg:text-[42px] md:max-w-none md:text-4xl sm:text-2xl"><span style="opacity:0;color:#ffffff">In-house team<!-- --> </span><span style="opacity:0;color:#ffffff">of<!-- --> </span><span style="opacity:0;color:#ffffff">motion,<!-- --> </span><span style="opacity:0;color:#ffffff">graphic,<!-- --> </span><span style="opacity:0;color:#ffffff">and<!-- --> </span><span style="opacity:0;color:#ffffff">web<!-- --> </span><span style="opacity:0;color:#ffffff">designers<!-- --> </span></h2><p class="mt-5 max-w-[520px] text-lg md:mt-3 md:max-w-none sm:mt-2.5 sm:text-base" style="opacity:0">With years of experience supplying visuals for tech companies' marketing platforms.</p></div><div class="relative col-span-6 flex items-center justify-center md:mx-auto md:mt-11 md:max-w-[590px] sm:mt-8"><div class="relative mb-[-199px] lg:mb-[-153px] md:mb-[-196px] sm:mb-[-129px] xs:mb-[-97px]"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width='592' height='679' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" alt="" aria-hidden="true"><div class="absolute top-0 left-0 h-full w-full"><div class="" style="width: 100%; height: 100%;"><canvas width="590" height="677" style="vertical-align: top; width: 590px; height: 677px;"></canvas></div></div></div></div></div></section><section class="safe-paddings bg-black py-52 text-white lg:py-36 md:py-32 sm:py-20"><div class="container"><h2 class="text-4xl font-normal leading-snug lg:max-w-[700px] lg:text-[32px] sm:text-2xl">Unlock design process with benefits you wouldn’t want to lose:</h2><ul class="grid-gap-x mt-16 grid grid-cols-3 lg:mt-14 md:mt-11 md:block md:space-y-11 sm:mt-8 sm:space-y-8"><li class="flex items-start"><span class="text-2xl font-semibold leading-snug text-red lg:text-xl md:text-2xl sm:text-lg">1<!-- -->.</span><div class="ml-2.5"><h3 class="text-2xl font-normal leading-snug lg:text-xl md:text-2xl sm:text-xl">Every pro you need</h3><p class="mt-3 text-lg lg:mt-2.5 lg:text-base md:mt-3 md:text-lg sm:mt-2.5 sm:text-base">It requires many creative specialists to collaborate on a landing page design, and we have all of them. You will discuss every design aspect of your project, from color scheme to animations, in a single shared Slack channel.</p></div></li><li class="flex items-start"><span class="text-2xl font-semibold leading-snug text-red lg:text-xl md:text-2xl sm:text-lg">2<!-- -->.</span><div class="ml-2.5"><h3 class="text-2xl font-normal leading-snug lg:text-xl md:text-2xl sm:text-xl">Always in a context</h3><p class="mt-3 text-lg lg:mt-2.5 lg:text-base md:mt-3 md:text-lg sm:mt-2.5 sm:text-base">Every designer knows what your project is about, is aware of your vision, customers and how you want to be perceived. This excludes the possibility for having incohesive and seemingly detached elements in UI.</p></div></li><li class="flex items-start"><span class="text-2xl font-semibold leading-snug text-red lg:text-xl md:text-2xl sm:text-lg">3<!-- -->.</span><div class="ml-2.5"><h3 class="text-2xl font-normal leading-snug lg:text-xl md:text-2xl sm:text-xl">Synergy</h3><p class="mt-3 text-lg lg:mt-2.5 lg:text-base md:mt-3 md:text-lg sm:mt-2.5 sm:text-base">We are no strangers to each other: together, we brainstorm, fight author bias with a second opinion, come up with solutions to complex problems and cover up each other in case of emergency, so you’re never left hanging.</p></div></li></ul></div></section><section class="safe-paddings mt-[200px] pb-[245px] overflow-hidden lg:mt-36 lg:pb-44 md:mt-32 md:pb-36 sm:mt-20"><div class="container lg:max-w-none"><h2 class="mb-16 with-text-highlight-red mx-auto max-w-[950px] text-center text-6xl font-normal leading-snug -tracking-[0.02em] lg:max-w-[712px] lg:mb-14 lg:text-[42px] md:mb-11 md:text-4xl sm:mb-6 sm:text-2xl">Get an enticing company marketing website people <span>Will tweet</span> about</h2><div class="swiper swiper-initialized swiper-horizontal" style="--swiper-pagination-bullet-width:44px;--swiper-pagination-bullet-height:2px;--swiper-pagination-bullet-border-radius:0;--swiper-pagination-color:#ee2b6c;--swiper-pagination-bullet-inactive-color:#ee2b6c;--swiper-pagination-bullet-inactive-opacity:0.3;--swiper-pagination-bottom:-51px;overflow:visible"><div class="swiper-wrapper"><div class="swiper-slide swiper-slide-active" style="width: 734px; margin-right: 44px;"><article class="flex flex-col-reverse bg-gray-2 rounded-2xl overflow-hidden"><div class="grid grid-cols-[1fr_max-content] gap-1.5 pt-4 pb-5 px-6 font-normal text-sm sm:grid-cols-1"><h3 class="leading-snug tracking-[0.02em]">Harness</h3><p class="col-start-1 row-start-2 leading-none tracking-[0.014em] text-gray-7">The modern software delivery platform</p><a class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap hover:text-blue row-span-2 row-start-1 self-end text-sm after:absolute after:inset-0 after:z-10 sm:row-span-1 sm:justify-start" href="https://pixelpoint.io/case-studies/harness/" target="_blank"><span>Read case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></a></div><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:920px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='546'%20width='920'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 920px) 920px, 100vw" srcset="/static/9a8db13c161cd0e582b0e1b4bd3662bb/4ceff/harness.webp 230w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/1bb8d/harness.webp 460w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/eba3a/harness.webp 920w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/9b36a/harness.webp 1840w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" alt="Harness website" src="/static/9a8db13c161cd0e582b0e1b4bd3662bb/f6ff9/harness.jpg" srcset="/static/9a8db13c161cd0e582b0e1b4bd3662bb/ea3c9/harness.jpg 230w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/a5605/harness.jpg 460w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/f6ff9/harness.jpg 920w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/87a6f/harness.jpg 1840w"></picture><noscript><picture><source type="image/webp" srcSet="/static/9a8db13c161cd0e582b0e1b4bd3662bb/4ceff/harness.webp 230w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/1bb8d/harness.webp 460w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/eba3a/harness.webp 920w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/9b36a/harness.webp 1840w" sizes="(min-width: 920px) 920px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" src="/static/9a8db13c161cd0e582b0e1b4bd3662bb/f6ff9/harness.jpg" srcSet="/static/9a8db13c161cd0e582b0e1b4bd3662bb/ea3c9/harness.jpg 230w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/a5605/harness.jpg 460w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/f6ff9/harness.jpg 920w,/static/9a8db13c161cd0e582b0e1b4bd3662bb/87a6f/harness.jpg 1840w" alt="Harness website"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></article></div><div class="swiper-slide swiper-slide-next" style="width: 734px; margin-right: 44px;"><article class="flex flex-col-reverse bg-gray-2 rounded-2xl overflow-hidden"><div class="grid grid-cols-[1fr_max-content] gap-1.5 pt-4 pb-5 px-6 font-normal text-sm sm:grid-cols-1"><h3 class="leading-snug tracking-[0.02em]">Neon</h3><p class="col-start-1 row-start-2 leading-none tracking-[0.014em] text-gray-7">Open Source serverless Postgres</p><a class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap hover:text-blue row-span-2 row-start-1 self-end text-sm after:absolute after:inset-0 after:z-10 sm:row-span-1 sm:justify-start" href="https://pixelpoint.io/case-studies/neon/" target="_blank"><span>Read case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></a></div><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:920px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='546'%20width='920'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 920px) 920px, 100vw" srcset="/static/a40cef047f8783be48a76c63531b614e/4ceff/neon.webp 230w,/static/a40cef047f8783be48a76c63531b614e/1bb8d/neon.webp 460w,/static/a40cef047f8783be48a76c63531b614e/eba3a/neon.webp 920w,/static/a40cef047f8783be48a76c63531b614e/9b36a/neon.webp 1840w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" alt="Neon website" src="/static/a40cef047f8783be48a76c63531b614e/f6ff9/neon.jpg" srcset="/static/a40cef047f8783be48a76c63531b614e/ea3c9/neon.jpg 230w,/static/a40cef047f8783be48a76c63531b614e/a5605/neon.jpg 460w,/static/a40cef047f8783be48a76c63531b614e/f6ff9/neon.jpg 920w,/static/a40cef047f8783be48a76c63531b614e/87a6f/neon.jpg 1840w"></picture><noscript><picture><source type="image/webp" srcSet="/static/a40cef047f8783be48a76c63531b614e/4ceff/neon.webp 230w,/static/a40cef047f8783be48a76c63531b614e/1bb8d/neon.webp 460w,/static/a40cef047f8783be48a76c63531b614e/eba3a/neon.webp 920w,/static/a40cef047f8783be48a76c63531b614e/9b36a/neon.webp 1840w" sizes="(min-width: 920px) 920px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" src="/static/a40cef047f8783be48a76c63531b614e/f6ff9/neon.jpg" srcSet="/static/a40cef047f8783be48a76c63531b614e/ea3c9/neon.jpg 230w,/static/a40cef047f8783be48a76c63531b614e/a5605/neon.jpg 460w,/static/a40cef047f8783be48a76c63531b614e/f6ff9/neon.jpg 920w,/static/a40cef047f8783be48a76c63531b614e/87a6f/neon.jpg 1840w" alt="Neon website"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></article></div><div class="swiper-slide" style="width: 734px; margin-right: 44px;"><article class="flex flex-col-reverse bg-gray-2 rounded-2xl overflow-hidden"><div class="grid grid-cols-[1fr_max-content] gap-1.5 pt-4 pb-5 px-6 font-normal text-sm sm:grid-cols-1"><h3 class="leading-snug tracking-[0.02em]">Gitness</h3><p class="col-start-1 row-start-2 leading-none tracking-[0.014em] text-gray-7">Open-source code hosting &amp; pipeline engine</p><a class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap hover:text-blue row-span-2 row-start-1 self-end text-sm after:absolute after:inset-0 after:z-10 sm:row-span-1 sm:justify-start" href="https://pixelpoint.io/case-studies/gitness/" target="_blank"><span>Read case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></a></div><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:920px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='546'%20width='920'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 920px) 920px, 100vw" srcset="/static/9a099f350e87cf81c6514298eb963557/4ceff/gitness.webp 230w,/static/9a099f350e87cf81c6514298eb963557/1bb8d/gitness.webp 460w,/static/9a099f350e87cf81c6514298eb963557/eba3a/gitness.webp 920w,/static/9a099f350e87cf81c6514298eb963557/9b36a/gitness.webp 1840w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" alt="Gitness website" src="/static/9a099f350e87cf81c6514298eb963557/f6ff9/gitness.jpg" srcset="/static/9a099f350e87cf81c6514298eb963557/ea3c9/gitness.jpg 230w,/static/9a099f350e87cf81c6514298eb963557/a5605/gitness.jpg 460w,/static/9a099f350e87cf81c6514298eb963557/f6ff9/gitness.jpg 920w,/static/9a099f350e87cf81c6514298eb963557/87a6f/gitness.jpg 1840w"></picture><noscript><picture><source type="image/webp" srcSet="/static/9a099f350e87cf81c6514298eb963557/4ceff/gitness.webp 230w,/static/9a099f350e87cf81c6514298eb963557/1bb8d/gitness.webp 460w,/static/9a099f350e87cf81c6514298eb963557/eba3a/gitness.webp 920w,/static/9a099f350e87cf81c6514298eb963557/9b36a/gitness.webp 1840w" sizes="(min-width: 920px) 920px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 920px) 920px, 100vw" decoding="async" loading="lazy" src="/static/9a099f350e87cf81c6514298eb963557/f6ff9/gitness.jpg" srcSet="/static/9a099f350e87cf81c6514298eb963557/ea3c9/gitness.jpg 230w,/static/9a099f350e87cf81c6514298eb963557/a5605/gitness.jpg 460w,/static/9a099f350e87cf81c6514298eb963557/f6ff9/gitness.jpg 920w,/static/9a099f350e87cf81c6514298eb963557/87a6f/gitness.jpg 1840w" alt="Gitness website"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></article></div></div><div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet relative before:absolute before:left-0 before:w-full before:h-8 before:-translate-y-1/2 swiper-pagination-bullet-active">
              <span class="sr-only">Go to 1 slide</span>
            </span><span class="swiper-pagination-bullet relative before:absolute before:left-0 before:w-full before:h-8 before:-translate-y-1/2">
              <span class="sr-only">Go to 2 slide</span>
            </span><span class="swiper-pagination-bullet relative before:absolute before:left-0 before:w-full before:h-8 before:-translate-y-1/2">
              <span class="sr-only">Go to 3 slide</span>
            </span></div></div></div></section><section class="relative max-h-[908px] overflow-hidden safe-paddings bg-gray-2 lg:max-h-none lg:pt-36 lg:pb-28 sm:pt-14"><div class="container flex justify-center lg:flex-col"><div class="relative z-10 max-w-[35%] mt-3 mr-auto pt-36 bg-gray-2 lg:max-w-[728px] lg:ml-auto lg:pt-0 sm:max-w-none sm:mt-1 sm:mx-auto"><h2 class="mt-1.5 mb-4 font-normal text-[64px] leading-[1.1] -tracking-[0.04em] lg:text-5xl sm:mb-3 sm:text-[32px]"><span class="block">Get noticed </span>by community</h2><p class="mb-14 pb-1 font-light text-xl leading-snug text-gray-8 opacity-80 sm:mb-9 sm:text-lg">Expertly crafted design can drive additional traffic. In the first week, Gitness project gained:</p><ul class="relative z-10 grid gap-8 lg:grid-cols-2 sm:grid-cols-1"><li class="grid gap-1"><span class="text-8xl leading-none -tracking-[0.04em] text-red lg:text-[88px]">500K+</span><span class="text-xl leading-none -tracking-[0.01em] opacity-80 sm:text-lg">Project views</span></li><li class="grid gap-1"><span class="text-8xl leading-none -tracking-[0.04em] text-red lg:text-[88px]">3k+</span><span class="text-xl leading-none -tracking-[0.01em] opacity-80 sm:text-lg">Github stars</span></li></ul><div class="absolute -bottom-28 left-1/2 -translate-x-1/2 w-[120%] h-60 bg-[linear-gradient(180deg,#f5f5f5_75%,rgba(255,255,255,0)_100%)]" aria-hidden="true"></div></div><div class="grid grid-cols-2 gap-6 lg:-mt-40 lg:-mb-64 sm:grid-cols-1 sm:gap-4 sm:-mt-[148px] sm:-mb-72"><div class="flex flex-col gap-6 -mt-[174px] lg:items-end lg:mt-0 sm:items-center sm:gap-4"><div class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 h-[259px]" aria-hidden="true"></div><a class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 relative z-10 hover:shadow-[0_2px_25px_0_rgba(0,0,0,0.15),0_2px_4px_0_rgba(0,0,0,0.06)]" href="https://twitter.com/alex_barashkov/status/1705118860444147782?s=20" target="_blank" rel="noopener noreferrer"><article><header class="grid grid-cols-[36px_1fr] gap-x-2 mb-4 font-normal text-sm leading-tight xs:grid-cols-[24px_1fr] xs:text-xs"><div class="row-span-2"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:36px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='36'%20width='36'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 36px) 36px, 100vw" srcset="/static/5620ce366854785fc27c8ecb8ac61f5b/b0861/avatar-alex-barashkov.webp 9w,/static/5620ce366854785fc27c8ecb8ac61f5b/e961b/avatar-alex-barashkov.webp 18w,/static/5620ce366854785fc27c8ecb8ac61f5b/be5c5/avatar-alex-barashkov.webp 36w,/static/5620ce366854785fc27c8ecb8ac61f5b/b8593/avatar-alex-barashkov.webp 72w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" alt="Alex Barashkov's avatar" src="/static/5620ce366854785fc27c8ecb8ac61f5b/64e70/avatar-alex-barashkov.png" srcset="/static/5620ce366854785fc27c8ecb8ac61f5b/59cb0/avatar-alex-barashkov.png 9w,/static/5620ce366854785fc27c8ecb8ac61f5b/4acb9/avatar-alex-barashkov.png 18w,/static/5620ce366854785fc27c8ecb8ac61f5b/64e70/avatar-alex-barashkov.png 36w,/static/5620ce366854785fc27c8ecb8ac61f5b/4d9f7/avatar-alex-barashkov.png 72w"></picture><noscript><picture><source type="image/webp" srcSet="/static/5620ce366854785fc27c8ecb8ac61f5b/b0861/avatar-alex-barashkov.webp 9w,/static/5620ce366854785fc27c8ecb8ac61f5b/e961b/avatar-alex-barashkov.webp 18w,/static/5620ce366854785fc27c8ecb8ac61f5b/be5c5/avatar-alex-barashkov.webp 36w,/static/5620ce366854785fc27c8ecb8ac61f5b/b8593/avatar-alex-barashkov.webp 72w" sizes="(min-width: 36px) 36px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" src="/static/5620ce366854785fc27c8ecb8ac61f5b/64e70/avatar-alex-barashkov.png" srcSet="/static/5620ce366854785fc27c8ecb8ac61f5b/59cb0/avatar-alex-barashkov.png 9w,/static/5620ce366854785fc27c8ecb8ac61f5b/4acb9/avatar-alex-barashkov.png 18w,/static/5620ce366854785fc27c8ecb8ac61f5b/64e70/avatar-alex-barashkov.png 36w,/static/5620ce366854785fc27c8ecb8ac61f5b/4d9f7/avatar-alex-barashkov.png 72w" alt="Alex Barashkov&#x27;s avatar"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><span class="col-start-2 flex items-end gap-0.5 whitespace-nowrap">Alex Barashkov<img src="/static/check-3a190a3c8bc1b98c6f2f45b924416d51.svg" width="16" height="16" alt="" loading="lazy"></span><span class="col-start-2 font-normal underline text-[#259df4]">@<!-- -->alex_barashkov</span></header><div class="grid gap-3 mb-4 font-light text-sm leading-tight"><span>~600 hours, 7 weeks of teamwork</span><span>- Visual identity<br>- Web design<br>- Development<br>- Motion<br>- 3D</span><span>I think it would be fair to say that the site is made in @rive_app. For the rest, @nextjs, @tailwindcss, and @docusaurus were used.</span><span>Meet <span class="font-normal underline text-[#259df4]">gitness.com</span></span></div><ul class="flex gap-5 pt-4 text-xs leading-none text-gray-8 border-t border-black/10 xs:gap-2"><li class="flex items-center gap-1 font-semibold text-red"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkyMyA4Ljc5M2MtLjkwMSAxLjY1NC0yLjY2OCAzLjQxNC01LjU4NiA1LjExNGwtLjMzNi4yLS4zMzYtLjJjLTIuOTE5LTEuNy00LjY4Ni0zLjQ2LTUuNTg4LTUuMTE0LS45MDYtMS42NjYtLjk0LTMuMjQtLjM0Mi00LjQ0NkEzLjYxMSAzLjYxMSAwIDAgMSA0LjgwMiAyLjM0YzEuMS0uMDYgMi4yNDUuMzczIDMuMTk5IDEuMzQuOTUyLS45NjcgMi4wOTctMS40IDMuMTk3LTEuMzRhMy42MTEgMy42MTEgMCAwIDEgMy4wNjcgMi4wMDdjLjU5OCAxLjIwNi41NjQgMi43OC0uMzQyIDQuNDQ2WiIgZmlsbD0iI0VFMkI2QyIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">1,455</li><li class="flex items-center gap-1 font-semibold text-[#259df4]"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMDQ1IDNjMC0uOTIuNzQ2LTEuNjY3IDEuNjY3LTEuNjY3aDcuMzMzYy45MjEgMCAxLjY2Ny43NDcgMS42NjcgMS42Njd2MTIuMjkzbC01LjMzMy0zLjgwNi01LjMzNCAzLjgwNlYzWiIgZmlsbD0iIzI1OURGNCIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">773</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOC43NTcgMTRjMy42IDAgNi40LTMuMSA3LjYtNC45LjUtLjcuNS0xLjYgMC0yLjMtMS4yLTEuNy00LTQuOC03LjYtNC44LTMuNiAwLTYuNCAzLjEtNy42IDQuOS0uNS43LS41IDEuNiAwIDIuMiAxLjIgMS44IDQgNC45IDcuNiA0LjlabTAtOWMxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgMy0zLTEuMy0zLTMgMS4zLTMgMy0zWiIgZmlsbD0iIzk5OSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC43NTcpIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+" width="16" height="16" alt="" loading="lazy">173.8K</li><li class="flex items-center gap-1 font-normal"><img src="/static/repost-c66a88effdc2e18d82d35c721ba86d7d.svg" width="16" height="16" alt="" loading="lazy">150</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjgyIDYuNjY3QTUuMzM0IDUuMzM0IDAgMCAxIDcuMDIgMS4zMzNoMi45MWE1LjQyIDUuNDIgMCAwIDEgMi42MjIgMTAuMTZsLTUuMzY5IDIuOTc0di0yLjQ2aC0uMDQ1YTUuMzM3IDUuMzM3IDAgMCAxLTUuNDU1LTUuMzRabTUuMzM3LTRhNC4wMDMgNC4wMDMgMCAxIDAgLjA4OCA4LjAwNmwuMjM0LS4wMDZoMS4xNzRWMTIuMmwzLjM5Mi0xLjg3M2E0LjA4NCA0LjA4NCAwIDAgMC0xLjk3OC03LjY2SDcuMDJaIiBmaWxsPSIjOTk5Ii8+PC9zdmc+" width="16" height="16" alt="" loading="lazy">87</li></ul></article></a><a class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 relative z-10 hover:shadow-[0_2px_25px_0_rgba(0,0,0,0.15),0_2px_4px_0_rgba(0,0,0,0.06)]" href="https://twitter.com/d__raptis/status/1711319888416166027?s=20" target="_blank" rel="noopener noreferrer"><article><header class="grid grid-cols-[36px_1fr] gap-x-2 mb-4 font-normal text-sm leading-tight xs:grid-cols-[24px_1fr] xs:text-xs"><div class="row-span-2"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:36px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='36'%20width='36'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 36px) 36px, 100vw" srcset="/static/aa3f671514f7352e6a6867ef2d3fa441/b0861/avatar-d-raptis.webp 9w,/static/aa3f671514f7352e6a6867ef2d3fa441/e961b/avatar-d-raptis.webp 18w,/static/aa3f671514f7352e6a6867ef2d3fa441/be5c5/avatar-d-raptis.webp 36w,/static/aa3f671514f7352e6a6867ef2d3fa441/b8593/avatar-d-raptis.webp 72w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" alt="Jim Raptis's avatar" src="/static/aa3f671514f7352e6a6867ef2d3fa441/64e70/avatar-d-raptis.png" srcset="/static/aa3f671514f7352e6a6867ef2d3fa441/59cb0/avatar-d-raptis.png 9w,/static/aa3f671514f7352e6a6867ef2d3fa441/4acb9/avatar-d-raptis.png 18w,/static/aa3f671514f7352e6a6867ef2d3fa441/64e70/avatar-d-raptis.png 36w,/static/aa3f671514f7352e6a6867ef2d3fa441/4d9f7/avatar-d-raptis.png 72w"></picture><noscript><picture><source type="image/webp" srcSet="/static/aa3f671514f7352e6a6867ef2d3fa441/b0861/avatar-d-raptis.webp 9w,/static/aa3f671514f7352e6a6867ef2d3fa441/e961b/avatar-d-raptis.webp 18w,/static/aa3f671514f7352e6a6867ef2d3fa441/be5c5/avatar-d-raptis.webp 36w,/static/aa3f671514f7352e6a6867ef2d3fa441/b8593/avatar-d-raptis.webp 72w" sizes="(min-width: 36px) 36px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" src="/static/aa3f671514f7352e6a6867ef2d3fa441/64e70/avatar-d-raptis.png" srcSet="/static/aa3f671514f7352e6a6867ef2d3fa441/59cb0/avatar-d-raptis.png 9w,/static/aa3f671514f7352e6a6867ef2d3fa441/4acb9/avatar-d-raptis.png 18w,/static/aa3f671514f7352e6a6867ef2d3fa441/64e70/avatar-d-raptis.png 36w,/static/aa3f671514f7352e6a6867ef2d3fa441/4d9f7/avatar-d-raptis.png 72w" alt="Jim Raptis&#x27;s avatar"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><span class="col-start-2 flex items-end gap-0.5 whitespace-nowrap">Jim Raptis<img src="/static/check-3a190a3c8bc1b98c6f2f45b924416d51.svg" width="16" height="16" alt="" loading="lazy"><span class="text-xs leading-none text-red self-center">18.8K<!-- --> Followers</span></span><span class="col-start-2 font-normal underline text-[#259df4]">@<!-- -->d__raptis</span></header><div class="grid gap-3 mb-4 font-light text-sm leading-tight"><span>Love these hidden micro interactions</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained rounded-md overflow-hidden"><div style="max-width:320px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='108'%20width='320'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 320px) 320px, 100vw" srcset="/static/32e24b4cd6dbf3f24e504ef4168696d2/ab136/migrate-button.webp 80w,/static/32e24b4cd6dbf3f24e504ef4168696d2/f1414/migrate-button.webp 160w,/static/32e24b4cd6dbf3f24e504ef4168696d2/23665/migrate-button.webp 320w,/static/32e24b4cd6dbf3f24e504ef4168696d2/ebd27/migrate-button.webp 640w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 320px) 320px, 100vw" decoding="async" loading="lazy" alt="Example of hidden micro interactions" src="/static/32e24b4cd6dbf3f24e504ef4168696d2/9d516/migrate-button.jpg" srcset="/static/32e24b4cd6dbf3f24e504ef4168696d2/f4c5e/migrate-button.jpg 80w,/static/32e24b4cd6dbf3f24e504ef4168696d2/7f4ae/migrate-button.jpg 160w,/static/32e24b4cd6dbf3f24e504ef4168696d2/9d516/migrate-button.jpg 320w,/static/32e24b4cd6dbf3f24e504ef4168696d2/06737/migrate-button.jpg 640w"></picture><noscript><picture><source type="image/webp" srcSet="/static/32e24b4cd6dbf3f24e504ef4168696d2/ab136/migrate-button.webp 80w,/static/32e24b4cd6dbf3f24e504ef4168696d2/f1414/migrate-button.webp 160w,/static/32e24b4cd6dbf3f24e504ef4168696d2/23665/migrate-button.webp 320w,/static/32e24b4cd6dbf3f24e504ef4168696d2/ebd27/migrate-button.webp 640w" sizes="(min-width: 320px) 320px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 320px) 320px, 100vw" decoding="async" loading="lazy" src="/static/32e24b4cd6dbf3f24e504ef4168696d2/9d516/migrate-button.jpg" srcSet="/static/32e24b4cd6dbf3f24e504ef4168696d2/f4c5e/migrate-button.jpg 80w,/static/32e24b4cd6dbf3f24e504ef4168696d2/7f4ae/migrate-button.jpg 160w,/static/32e24b4cd6dbf3f24e504ef4168696d2/9d516/migrate-button.jpg 320w,/static/32e24b4cd6dbf3f24e504ef4168696d2/06737/migrate-button.jpg 640w" alt="Example of hidden micro interactions"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><ul class="flex gap-5 pt-4 text-xs leading-none text-gray-8 border-t border-black/10 xs:gap-2"><li class="flex items-center gap-1 font-semibold text-red"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkyMyA4Ljc5M2MtLjkwMSAxLjY1NC0yLjY2OCAzLjQxNC01LjU4NiA1LjExNGwtLjMzNi4yLS4zMzYtLjJjLTIuOTE5LTEuNy00LjY4Ni0zLjQ2LTUuNTg4LTUuMTE0LS45MDYtMS42NjYtLjk0LTMuMjQtLjM0Mi00LjQ0NkEzLjYxMSAzLjYxMSAwIDAgMSA0LjgwMiAyLjM0YzEuMS0uMDYgMi4yNDUuMzczIDMuMTk5IDEuMzQuOTUyLS45NjcgMi4wOTctMS40IDMuMTk3LTEuMzRhMy42MTEgMy42MTEgMCAwIDEgMy4wNjcgMi4wMDdjLjU5OCAxLjIwNi41NjQgMi43OC0uMzQyIDQuNDQ2WiIgZmlsbD0iI0VFMkI2QyIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">452</li><li class="flex items-center gap-1 font-semibold text-[#259df4]"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMDQ1IDNjMC0uOTIuNzQ2LTEuNjY3IDEuNjY3LTEuNjY3aDcuMzMzYy45MjEgMCAxLjY2Ny43NDcgMS42NjcgMS42Njd2MTIuMjkzbC01LjMzMy0zLjgwNi01LjMzNCAzLjgwNlYzWiIgZmlsbD0iIzI1OURGNCIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">408</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOC43NTcgMTRjMy42IDAgNi40LTMuMSA3LjYtNC45LjUtLjcuNS0xLjYgMC0yLjMtMS4yLTEuNy00LTQuOC03LjYtNC44LTMuNiAwLTYuNCAzLjEtNy42IDQuOS0uNS43LS41IDEuNiAwIDIuMiAxLjIgMS44IDQgNC45IDcuNiA0LjlabTAtOWMxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgMy0zLTEuMy0zLTMgMS4zLTMgMy0zWiIgZmlsbD0iIzk5OSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC43NTcpIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+" width="16" height="16" alt="" loading="lazy">169</li><li class="flex items-center gap-1 font-normal"><img src="/static/repost-c66a88effdc2e18d82d35c721ba86d7d.svg" width="16" height="16" alt="" loading="lazy">22</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjgyIDYuNjY3QTUuMzM0IDUuMzM0IDAgMCAxIDcuMDIgMS4zMzNoMi45MWE1LjQyIDUuNDIgMCAwIDEgMi42MjIgMTAuMTZsLTUuMzY5IDIuOTc0di0yLjQ2aC0uMDQ1YTUuMzM3IDUuMzM3IDAgMCAxLTUuNDU1LTUuMzRabTUuMzM3LTRhNC4wMDMgNC4wMDMgMCAxIDAgLjA4OCA4LjAwNmwuMjM0LS4wMDZoMS4xNzRWMTIuMmwzLjM5Mi0xLjg3M2E0LjA4NCA0LjA4NCAwIDAgMC0xLjk3OC03LjY2SDcuMDJaIiBmaWxsPSIjOTk5Ii8+PC9zdmc+" width="16" height="16" alt="" loading="lazy">16</li></ul></article></a><div class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 sm:hidden h-[259px]" aria-hidden="true"></div></div><div class="flex flex-col gap-6 -mt-[109px] lg:mt-16 sm:items-center sm:mt-0"><div class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 sm:hidden h-[259px]" aria-hidden="true"></div><a class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 relative z-10 hover:shadow-[0_2px_25px_0_rgba(0,0,0,0.15),0_2px_4px_0_rgba(0,0,0,0.06)]" href="https://twitter.com/steventey/status/1705263264517796317?s=20" target="_blank" rel="noopener noreferrer"><article><header class="grid grid-cols-[36px_1fr] gap-x-2 mb-4 font-normal text-sm leading-tight xs:grid-cols-[24px_1fr] xs:text-xs"><div class="row-span-2"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:36px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='36'%20width='36'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 36px) 36px, 100vw" srcset="/static/c561cad9331df0594104a234d234dc59/b0861/avatar-steventey.webp 9w,/static/c561cad9331df0594104a234d234dc59/e961b/avatar-steventey.webp 18w,/static/c561cad9331df0594104a234d234dc59/be5c5/avatar-steventey.webp 36w,/static/c561cad9331df0594104a234d234dc59/b8593/avatar-steventey.webp 72w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" alt="Steven Tey's avatar" src="/static/c561cad9331df0594104a234d234dc59/64e70/avatar-steventey.png" srcset="/static/c561cad9331df0594104a234d234dc59/59cb0/avatar-steventey.png 9w,/static/c561cad9331df0594104a234d234dc59/4acb9/avatar-steventey.png 18w,/static/c561cad9331df0594104a234d234dc59/64e70/avatar-steventey.png 36w,/static/c561cad9331df0594104a234d234dc59/4d9f7/avatar-steventey.png 72w"></picture><noscript><picture><source type="image/webp" srcSet="/static/c561cad9331df0594104a234d234dc59/b0861/avatar-steventey.webp 9w,/static/c561cad9331df0594104a234d234dc59/e961b/avatar-steventey.webp 18w,/static/c561cad9331df0594104a234d234dc59/be5c5/avatar-steventey.webp 36w,/static/c561cad9331df0594104a234d234dc59/b8593/avatar-steventey.webp 72w" sizes="(min-width: 36px) 36px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" src="/static/c561cad9331df0594104a234d234dc59/64e70/avatar-steventey.png" srcSet="/static/c561cad9331df0594104a234d234dc59/59cb0/avatar-steventey.png 9w,/static/c561cad9331df0594104a234d234dc59/4acb9/avatar-steventey.png 18w,/static/c561cad9331df0594104a234d234dc59/64e70/avatar-steventey.png 36w,/static/c561cad9331df0594104a234d234dc59/4d9f7/avatar-steventey.png 72w" alt="Steven Tey&#x27;s avatar"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><span class="col-start-2 flex items-end gap-0.5 whitespace-nowrap">Steven Tey<img src="/static/check-3a190a3c8bc1b98c6f2f45b924416d51.svg" width="16" height="16" alt="" loading="lazy"><span class="text-xs leading-none text-red self-center">36.5K<!-- --> Followers</span></span><span class="col-start-2 font-normal underline text-[#259df4]">@<!-- -->steventey</span></header><div class="grid gap-3 mb-4 font-light text-sm leading-tight"><span>Open-source GitHub alternative just dropped →<!-- --> <span class="font-normal underline text-[#259df4]">gitness.com</span></span><span>Landing page built with<br>@nextjs, @tailwindcss and @rive_app</span></div><ul class="flex gap-5 pt-4 text-xs leading-none text-gray-8 border-t border-black/10 xs:gap-2"><li class="flex items-center gap-1 font-semibold text-red"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkyMyA4Ljc5M2MtLjkwMSAxLjY1NC0yLjY2OCAzLjQxNC01LjU4NiA1LjExNGwtLjMzNi4yLS4zMzYtLjJjLTIuOTE5LTEuNy00LjY4Ni0zLjQ2LTUuNTg4LTUuMTE0LS45MDYtMS42NjYtLjk0LTMuMjQtLjM0Mi00LjQ0NkEzLjYxMSAzLjYxMSAwIDAgMSA0LjgwMiAyLjM0YzEuMS0uMDYgMi4yNDUuMzczIDMuMTk5IDEuMzQuOTUyLS45NjcgMi4wOTctMS40IDMuMTk3LTEuMzRhMy42MTEgMy42MTEgMCAwIDEgMy4wNjcgMi4wMDdjLjU5OCAxLjIwNi41NjQgMi43OC0uMzQyIDQuNDQ2WiIgZmlsbD0iI0VFMkI2QyIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">1,048</li><li class="flex items-center gap-1 font-semibold text-[#259df4]"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMDQ1IDNjMC0uOTIuNzQ2LTEuNjY3IDEuNjY3LTEuNjY3aDcuMzMzYy45MjEgMCAxLjY2Ny43NDcgMS42NjcgMS42Njd2MTIuMjkzbC01LjMzMy0zLjgwNi01LjMzNCAzLjgwNlYzWiIgZmlsbD0iIzI1OURGNCIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">408</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOC43NTcgMTRjMy42IDAgNi40LTMuMSA3LjYtNC45LjUtLjcuNS0xLjYgMC0yLjMtMS4yLTEuNy00LTQuOC03LjYtNC44LTMuNiAwLTYuNCAzLjEtNy42IDQuOS0uNS43LS41IDEuNiAwIDIuMiAxLjIgMS44IDQgNC45IDcuNiA0LjlabTAtOWMxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgMy0zLTEuMy0zLTMgMS4zLTMgMy0zWiIgZmlsbD0iIzk5OSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC43NTcpIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+" width="16" height="16" alt="" loading="lazy">101.9K</li><li class="flex items-center gap-1 font-normal"><img src="/static/repost-c66a88effdc2e18d82d35c721ba86d7d.svg" width="16" height="16" alt="" loading="lazy">126</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjgyIDYuNjY3QTUuMzM0IDUuMzM0IDAgMCAxIDcuMDIgMS4zMzNoMi45MWE1LjQyIDUuNDIgMCAwIDEgMi42MjIgMTAuMTZsLTUuMzY5IDIuOTc0di0yLjQ2aC0uMDQ1YTUuMzM3IDUuMzM3IDAgMCAxLTUuNDU1LTUuMzRabTUuMzM3LTRhNC4wMDMgNC4wMDMgMCAxIDAgLjA4OCA4LjAwNmwuMjM0LS4wMDZoMS4xNzRWMTIuMmwzLjM5Mi0xLjg3M2E0LjA4NCA0LjA4NCAwIDAgMC0xLjk3OC03LjY2SDcuMDJaIiBmaWxsPSIjOTk5Ii8+PC9zdmc+" width="16" height="16" alt="" loading="lazy">37</li></ul></article></a><a class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 relative z-10 hover:shadow-[0_2px_25px_0_rgba(0,0,0,0.15),0_2px_4px_0_rgba(0,0,0,0.06)]" href="https://twitter.com/midudev/status/1706028702528680040?s=20" target="_blank" rel="noopener noreferrer"><article><header class="grid grid-cols-[36px_1fr] gap-x-2 mb-4 font-normal text-sm leading-tight xs:grid-cols-[24px_1fr] xs:text-xs"><div class="row-span-2"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:36px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='36'%20width='36'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 36px) 36px, 100vw" srcset="/static/ff11aff5ea733c4e317cc691ea4de443/b0861/avatar-midudev.webp 9w,/static/ff11aff5ea733c4e317cc691ea4de443/e961b/avatar-midudev.webp 18w,/static/ff11aff5ea733c4e317cc691ea4de443/be5c5/avatar-midudev.webp 36w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" alt="Miguel Ángel Durán's avatar" src="/static/ff11aff5ea733c4e317cc691ea4de443/64e70/avatar-midudev.png" srcset="/static/ff11aff5ea733c4e317cc691ea4de443/59cb0/avatar-midudev.png 9w,/static/ff11aff5ea733c4e317cc691ea4de443/4acb9/avatar-midudev.png 18w,/static/ff11aff5ea733c4e317cc691ea4de443/64e70/avatar-midudev.png 36w"></picture><noscript><picture><source type="image/webp" srcSet="/static/ff11aff5ea733c4e317cc691ea4de443/b0861/avatar-midudev.webp 9w,/static/ff11aff5ea733c4e317cc691ea4de443/e961b/avatar-midudev.webp 18w,/static/ff11aff5ea733c4e317cc691ea4de443/be5c5/avatar-midudev.webp 36w" sizes="(min-width: 36px) 36px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 36px) 36px, 100vw" decoding="async" loading="lazy" src="/static/ff11aff5ea733c4e317cc691ea4de443/64e70/avatar-midudev.png" srcSet="/static/ff11aff5ea733c4e317cc691ea4de443/59cb0/avatar-midudev.png 9w,/static/ff11aff5ea733c4e317cc691ea4de443/4acb9/avatar-midudev.png 18w,/static/ff11aff5ea733c4e317cc691ea4de443/64e70/avatar-midudev.png 36w" alt="Miguel Ángel Durán&#x27;s avatar"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><span class="col-start-2 flex items-end gap-0.5 whitespace-nowrap">Miguel Ángel Durán<img src="/static/check-3a190a3c8bc1b98c6f2f45b924416d51.svg" width="16" height="16" alt="" loading="lazy"><span class="text-xs leading-none text-red self-center">218.4K<!-- --> Followers</span></span><span class="col-start-2 font-normal underline text-[#259df4]">@<!-- -->midudev</span></header><div class="grid gap-3 mb-4 font-light text-sm leading-tight"><span>"Ser Desarrollador Web es pintar dos botones"<br>Los botones:</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained rounded-md overflow-hidden"><div style="max-width:320px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='196'%20width='320'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 320px) 320px, 100vw" srcset="/static/23dfea2be8a4eb27805d45131c7c8194/8de7b/gitness-preview.webp 80w,/static/23dfea2be8a4eb27805d45131c7c8194/582cf/gitness-preview.webp 160w,/static/23dfea2be8a4eb27805d45131c7c8194/3e30c/gitness-preview.webp 320w,/static/23dfea2be8a4eb27805d45131c7c8194/a2acc/gitness-preview.webp 640w"><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 320px) 320px, 100vw" decoding="async" loading="lazy" alt="Website of gitness" src="/static/23dfea2be8a4eb27805d45131c7c8194/e53ea/gitness-preview.jpg" srcset="/static/23dfea2be8a4eb27805d45131c7c8194/32def/gitness-preview.jpg 80w,/static/23dfea2be8a4eb27805d45131c7c8194/08476/gitness-preview.jpg 160w,/static/23dfea2be8a4eb27805d45131c7c8194/e53ea/gitness-preview.jpg 320w,/static/23dfea2be8a4eb27805d45131c7c8194/90657/gitness-preview.jpg 640w"></picture><noscript><picture><source type="image/webp" srcSet="/static/23dfea2be8a4eb27805d45131c7c8194/8de7b/gitness-preview.webp 80w,/static/23dfea2be8a4eb27805d45131c7c8194/582cf/gitness-preview.webp 160w,/static/23dfea2be8a4eb27805d45131c7c8194/3e30c/gitness-preview.webp 320w,/static/23dfea2be8a4eb27805d45131c7c8194/a2acc/gitness-preview.webp 640w" sizes="(min-width: 320px) 320px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 320px) 320px, 100vw" decoding="async" loading="lazy" src="/static/23dfea2be8a4eb27805d45131c7c8194/e53ea/gitness-preview.jpg" srcSet="/static/23dfea2be8a4eb27805d45131c7c8194/32def/gitness-preview.jpg 80w,/static/23dfea2be8a4eb27805d45131c7c8194/08476/gitness-preview.jpg 160w,/static/23dfea2be8a4eb27805d45131c7c8194/e53ea/gitness-preview.jpg 320w,/static/23dfea2be8a4eb27805d45131c7c8194/90657/gitness-preview.jpg 640w" alt="Website of gitness"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><ul class="flex gap-5 pt-4 text-xs leading-none text-gray-8 border-t border-black/10 xs:gap-2"><li class="flex items-center gap-1 font-semibold text-red"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkyMyA4Ljc5M2MtLjkwMSAxLjY1NC0yLjY2OCAzLjQxNC01LjU4NiA1LjExNGwtLjMzNi4yLS4zMzYtLjJjLTIuOTE5LTEuNy00LjY4Ni0zLjQ2LTUuNTg4LTUuMTE0LS45MDYtMS42NjYtLjk0LTMuMjQtLjM0Mi00LjQ0NkEzLjYxMSAzLjYxMSAwIDAgMSA0LjgwMiAyLjM0YzEuMS0uMDYgMi4yNDUuMzczIDMuMTk5IDEuMzQuOTUyLS45NjcgMi4wOTctMS40IDMuMTk3LTEuMzRhMy42MTEgMy42MTEgMCAwIDEgMy4wNjcgMi4wMDdjLjU5OCAxLjIwNi41NjQgMi43OC0uMzQyIDQuNDQ2WiIgZmlsbD0iI0VFMkI2QyIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">1,368</li><li class="flex items-center gap-1 font-semibold text-[#259df4]"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMDQ1IDNjMC0uOTIuNzQ2LTEuNjY3IDEuNjY3LTEuNjY3aDcuMzMzYy45MjEgMCAxLjY2Ny43NDcgMS42NjcgMS42Njd2MTIuMjkzbC01LjMzMy0zLjgwNi01LjMzNCAzLjgwNlYzWiIgZmlsbD0iIzI1OURGNCIvPjwvc3ZnPg==" width="16" height="16" alt="" loading="lazy">194</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOC43NTcgMTRjMy42IDAgNi40LTMuMSA3LjYtNC45LjUtLjcuNS0xLjYgMC0yLjMtMS4yLTEuNy00LTQuOC03LjYtNC44LTMuNiAwLTYuNCAzLjEtNy42IDQuOS0uNS43LS41IDEuNiAwIDIuMiAxLjIgMS44IDQgNC45IDcuNiA0LjlabTAtOWMxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgMy0zLTEuMy0zLTMgMS4zLTMgMy0zWiIgZmlsbD0iIzk5OSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC43NTcpIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+" width="16" height="16" alt="" loading="lazy">85.8K</li><li class="flex items-center gap-1 font-normal"><img src="/static/repost-c66a88effdc2e18d82d35c721ba86d7d.svg" width="16" height="16" alt="" loading="lazy">116</li><li class="flex items-center gap-1 font-normal"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjgyIDYuNjY3QTUuMzM0IDUuMzM0IDAgMCAxIDcuMDIgMS4zMzNoMi45MWE1LjQyIDUuNDIgMCAwIDEgMi42MjIgMTAuMTZsLTUuMzY5IDIuOTc0di0yLjQ2aC0uMDQ1YTUuMzM3IDUuMzM3IDAgMCAxLTUuNDU1LTUuMzRabTUuMzM3LTRhNC4wMDMgNC4wMDMgMCAxIDAgLjA4OCA4LjAwNmwuMjM0LS4wMDZoMS4xNzRWMTIuMmwzLjM5Mi0xLjg3M2E0LjA4NCA0LjA4NCAwIDAgMC0xLjk3OC03LjY2SDcuMDJaIiBmaWxsPSIjOTk5Ii8+PC9zdmc+" width="16" height="16" alt="" loading="lazy">29</li></ul></article></a><div class="w-full max-w-[352px] p-3.5 pt-4 pl-4 bg-white rounded-2xl border border-gray-3 shadow-[0_2px_4px_rgba(0,0,0,0.06)] xs:px-2 h-[259px]" aria-hidden="true"></div></div><div class="absolute -top-8 left-1/2 -translate-x-[32%] w-[1388px] h-[980px] bg-[radial-gradient(circle,rgba(255,255,255,0)_0%,#f5f5f5_75%)] blur lg:-translate-x-1/2 lg:top-auto lg:bottom-0 lg:h-[1025px] sm:-bottom-48 sm:h-[1920px]" aria-hidden="true"></div></div></div></section><section class="safe-paddings bg-black py-52 text-white lg:py-36 md:py-28 sm:py-16"><div class="container"><h2 class="sm::text-2xl with-text-highlight-red mx-auto max-w-[950px] text-center text-6xl font-normal leading-snug lg:max-w-[690px] lg:text-[42px] md:max-w-[650px] md:text-4xl sm:text-2xl"><span>Guide and engage</span> your customers with sleek, on-point animations</h2><div class="relative mt-20 lg:mt-14 md:mt-11 sm:mt-8" aria-hidden="true"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width='1216' height='724' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" alt="" aria-hidden="true"><div class="absolute top-0 left-0 h-full w-full"></div></div></div></section><section class="safe-paddings mt-[200px] lg:mt-36 md:mt-32 sm:mt-20"><div class="container"><h2 class="with-text-highlight-red mx-auto max-w-[1008px] text-center text-6xl font-normal leading-snug lg:max-w-[900px] lg:text-[42px] md:max-w-[650px] md:text-4xl sm:text-2xl">Bring your company <span>credibility up</span> a level with creative marketing &amp; business assets</h2><div class="grid gap-5 grid-cols-[338px_1fr_338px] grid-rows-[212px_1fr_212px] h-[644px] mt-20 lg:grid-cols-[260px_1fr_260px] lg:grid-rows-[164px_1fr_164px] lg:gap-[18px] lg:h-[500px] lg:mt-16 md:grid-cols-2 md:grid-rows-[422px_644px_200px] md:gap-5 md:max-w-[712px] md:h-auto md:mx-auto sm:grid-cols-1 sm:grid-rows-[398px_156px_398px_156px_398px] sm:gap-2.5 sm:max-w-[328px]"><div class="row-span-2 flex flex-col py-6 bg-gray-9 rounded-2xl lg:py-4 lg:rounded-xl md:row-span-1 md:py-6 md:rounded-2xl"><div class="relative flex justify-evenly items-center h-[78px] mx-5 border border-dashed border-gray-8 rounded-[10px] lg:mx-4 md:mx-5"><img class="max-w-[20%] shadow-[0_4px_7px_0_rgba(0,0,0,0.25)]" src="/static/logo-1-8b4242a22ebc85b360e48c8355fa6711.svg" width="52" height="52" alt="" loading="lazy" aria-hidden="true"><img class="max-w-[20%] shadow-[0_4px_7px_0_rgba(0,0,0,0.25)]" src="/static/logo-2-568755dcb299ee895a2dbbd89dbe289c.svg" width="52" height="52" alt="" loading="lazy" aria-hidden="true"><img class="max-w-[20%] shadow-[0_4px_7px_0_rgba(0,0,0,0.25)]" src="/static/logo-3-b6e3732b21cc78c10d2cf635de6738d9.svg" width="52" height="52" alt="" loading="lazy" aria-hidden="true"><img class="max-w-[20%] shadow-[0_4px_7px_0_rgba(0,0,0,0.25)]" src="/static/logo-4-596b035ac154b1b060c892acb05e200c.svg" width="52" height="52" alt="" loading="lazy" aria-hidden="true"></div><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained max-w-full -mt-10 mb-auto mx-auto lg:-mt-8 md:-mt-9 sm:max-w-[330px] sm:-mt-10"><div style="max-width:338;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='274'%20width='338'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 338px) 338px, 100vw" srcset="/static/d0a8d290ea84569c1899222abf772652/17e64/social-media.webp 85w,/static/d0a8d290ea84569c1899222abf772652/a5da8/social-media.webp 169w,/static/d0a8d290ea84569c1899222abf772652/0d60d/social-media.webp 338w,/static/d0a8d290ea84569c1899222abf772652/0c417/social-media.webp 676w"><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 338px) 338px, 100vw" decoding="async" loading="lazy" alt="" src="/static/d0a8d290ea84569c1899222abf772652/c82e9/social-media.png" srcset="/static/d0a8d290ea84569c1899222abf772652/e02d7/social-media.png 85w,/static/d0a8d290ea84569c1899222abf772652/1c6db/social-media.png 169w,/static/d0a8d290ea84569c1899222abf772652/c82e9/social-media.png 338w,/static/d0a8d290ea84569c1899222abf772652/2465f/social-media.png 676w"></picture><noscript><picture><source type="image/webp" srcSet="/static/d0a8d290ea84569c1899222abf772652/17e64/social-media.webp 85w,/static/d0a8d290ea84569c1899222abf772652/a5da8/social-media.webp 169w,/static/d0a8d290ea84569c1899222abf772652/0d60d/social-media.webp 338w,/static/d0a8d290ea84569c1899222abf772652/0c417/social-media.webp 676w" sizes="(min-width: 338px) 338px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 338px) 338px, 100vw" decoding="async" loading="lazy" src="/static/d0a8d290ea84569c1899222abf772652/c82e9/social-media.png" srcSet="/static/d0a8d290ea84569c1899222abf772652/e02d7/social-media.png 85w,/static/d0a8d290ea84569c1899222abf772652/1c6db/social-media.png 169w,/static/d0a8d290ea84569c1899222abf772652/c82e9/social-media.png 338w,/static/d0a8d290ea84569c1899222abf772652/2465f/social-media.png 676w" alt=""/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><h3 class="relative font-light text-center text-2xl leading-normal text-white lg:text-xl md:text-2xl sm:text-xl">Social media assets</h3></div><div class="relative overflow-hidden row-start-3 flex flex-grow items-center justify-center bg-gray-9 rounded-2xl lg:rounded-xl md:rounded-2xl sm:row-start-2"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained !absolute -inset-1.5 w-[102%] h-[102%]"><div style="max-width:676px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='424'%20width='676'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 676px) 676px, 100vw" srcset="/static/497b73bd45bb1bf7bc46d60b7695f7f5/136f1/small-bg.webp 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/7a756/small-bg.webp 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/12f4d/small-bg.webp 676w"><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 676px) 676px, 100vw" decoding="async" loading="lazy" alt="" src="/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png" srcset="/static/497b73bd45bb1bf7bc46d60b7695f7f5/65bf0/small-bg.png 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/32520/small-bg.png 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png 676w"></picture><noscript><picture><source type="image/webp" srcSet="/static/497b73bd45bb1bf7bc46d60b7695f7f5/136f1/small-bg.webp 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/7a756/small-bg.webp 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/12f4d/small-bg.webp 676w" sizes="(min-width: 676px) 676px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 676px) 676px, 100vw" decoding="async" loading="lazy" src="/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png" srcSet="/static/497b73bd45bb1bf7bc46d60b7695f7f5/65bf0/small-bg.png 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/32520/small-bg.png 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png 676w" alt=""/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><h3 class="relative text-center text-4xl text-transparent bg-[linear-gradient(86deg,#899bf5_19.47%,#f589ad_53.53%,#f5c489_84.93%)] bg-clip-text lg:text-[28px] md:text-4xl sm:text-[32px]"><span class="absolute inset-0 text-transparent bg-[linear-gradient(99deg,#ffc682_27.43%,#ff82e0_89.47%)] bg-clip-text blur-lg mix-blend-plus-lighter opacity-60" aria-hidden="true">Presentations</span>Presentations</h3></div><div class="relative overflow-hidden row-span-3 flex justify-center items-center bg-gray-9 rounded-2xl lg:rounded-xl md:row-span-1 md:col-span-2 md:rounded-2xl sm:col-span-1"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained !absolute -inset-1.5 w-[102%] h-[102%]"><div style="max-width:500;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='644'%20width='500'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 500px) 500px, 100vw" srcset="/static/b32ca183858bcc3d14fe5be9e92ab307/ebdac/swag-bg.webp 125w,/static/b32ca183858bcc3d14fe5be9e92ab307/92345/swag-bg.webp 250w,/static/b32ca183858bcc3d14fe5be9e92ab307/a7713/swag-bg.webp 500w,/static/b32ca183858bcc3d14fe5be9e92ab307/40da1/swag-bg.webp 1000w"><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 500px) 500px, 100vw" decoding="async" loading="lazy" alt="" src="/static/b32ca183858bcc3d14fe5be9e92ab307/35b48/swag-bg.png" srcset="/static/b32ca183858bcc3d14fe5be9e92ab307/5f882/swag-bg.png 125w,/static/b32ca183858bcc3d14fe5be9e92ab307/6701c/swag-bg.png 250w,/static/b32ca183858bcc3d14fe5be9e92ab307/35b48/swag-bg.png 500w,/static/b32ca183858bcc3d14fe5be9e92ab307/c29d7/swag-bg.png 1000w"></picture><noscript><picture><source type="image/webp" srcSet="/static/b32ca183858bcc3d14fe5be9e92ab307/ebdac/swag-bg.webp 125w,/static/b32ca183858bcc3d14fe5be9e92ab307/92345/swag-bg.webp 250w,/static/b32ca183858bcc3d14fe5be9e92ab307/a7713/swag-bg.webp 500w,/static/b32ca183858bcc3d14fe5be9e92ab307/40da1/swag-bg.webp 1000w" sizes="(min-width: 500px) 500px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 500px) 500px, 100vw" decoding="async" loading="lazy" src="/static/b32ca183858bcc3d14fe5be9e92ab307/35b48/swag-bg.png" srcSet="/static/b32ca183858bcc3d14fe5be9e92ab307/5f882/swag-bg.png 125w,/static/b32ca183858bcc3d14fe5be9e92ab307/6701c/swag-bg.png 250w,/static/b32ca183858bcc3d14fe5be9e92ab307/35b48/swag-bg.png 500w,/static/b32ca183858bcc3d14fe5be9e92ab307/c29d7/swag-bg.png 1000w" alt=""/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained relative h-full aspect-[500/650] md:h-[108%]"><div style="max-width:500;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='644'%20width='500'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 500px) 500px, 100vw" srcset="/static/1dbdbcada88226be97ab5507a632b20f/ebdac/swag.webp 125w,/static/1dbdbcada88226be97ab5507a632b20f/92345/swag.webp 250w,/static/1dbdbcada88226be97ab5507a632b20f/a7713/swag.webp 500w,/static/1dbdbcada88226be97ab5507a632b20f/40da1/swag.webp 1000w"><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 500px) 500px, 100vw" decoding="async" loading="lazy" alt="Swag" src="/static/1dbdbcada88226be97ab5507a632b20f/35b48/swag.png" srcset="/static/1dbdbcada88226be97ab5507a632b20f/5f882/swag.png 125w,/static/1dbdbcada88226be97ab5507a632b20f/6701c/swag.png 250w,/static/1dbdbcada88226be97ab5507a632b20f/35b48/swag.png 500w,/static/1dbdbcada88226be97ab5507a632b20f/c29d7/swag.png 1000w"></picture><noscript><picture><source type="image/webp" srcSet="/static/1dbdbcada88226be97ab5507a632b20f/ebdac/swag.webp 125w,/static/1dbdbcada88226be97ab5507a632b20f/92345/swag.webp 250w,/static/1dbdbcada88226be97ab5507a632b20f/a7713/swag.webp 500w,/static/1dbdbcada88226be97ab5507a632b20f/40da1/swag.webp 1000w" sizes="(min-width: 500px) 500px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 500px) 500px, 100vw" decoding="async" loading="lazy" src="/static/1dbdbcada88226be97ab5507a632b20f/35b48/swag.png" srcSet="/static/1dbdbcada88226be97ab5507a632b20f/5f882/swag.png 125w,/static/1dbdbcada88226be97ab5507a632b20f/6701c/swag.png 250w,/static/1dbdbcada88226be97ab5507a632b20f/35b48/swag.png 500w,/static/1dbdbcada88226be97ab5507a632b20f/c29d7/swag.png 1000w" alt="Swag"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><div class="relative overflow-hidden flex flex-grow items-center justify-center bg-gray-9 rounded-2xl lg:rounded-xl md:rounded-2xl"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained !absolute -inset-1.5 w-[102%] h-[102%]"><div style="max-width:676px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='424'%20width='676'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 676px) 676px, 100vw" srcset="/static/497b73bd45bb1bf7bc46d60b7695f7f5/136f1/small-bg.webp 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/7a756/small-bg.webp 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/12f4d/small-bg.webp 676w"><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 676px) 676px, 100vw" decoding="async" loading="lazy" alt="" src="/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png" srcset="/static/497b73bd45bb1bf7bc46d60b7695f7f5/65bf0/small-bg.png 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/32520/small-bg.png 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png 676w"></picture><noscript><picture><source type="image/webp" srcSet="/static/497b73bd45bb1bf7bc46d60b7695f7f5/136f1/small-bg.webp 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/7a756/small-bg.webp 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/12f4d/small-bg.webp 676w" sizes="(min-width: 676px) 676px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 676px) 676px, 100vw" decoding="async" loading="lazy" src="/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png" srcSet="/static/497b73bd45bb1bf7bc46d60b7695f7f5/65bf0/small-bg.png 169w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/32520/small-bg.png 338w,/static/497b73bd45bb1bf7bc46d60b7695f7f5/c1891/small-bg.png 676w" alt=""/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><h3 class="relative max-w-[200px] text-center text-4xl text-transparent bg-[linear-gradient(86deg,#f59f89_10.44%,#f589ad_51.76%,#9b89f5_92.94%)] bg-clip-text lg:text-[28px] md:text-4xl sm:max-w-none sm:text-[32px]"><span class="absolute inset-0 text-transparent bg-[linear-gradient(99deg,#ffc682_27.43%,#ff82e0_89.47%)] bg-clip-text blur-xl mix-blend-plus-lighter opacity-60" aria-hidden="true">Business Cards</span>Business Cards</h3></div><div class="relative overflow-hidden row-span-2 flex flex-col justify-end bg-gray-9 rounded-2xl lg:rounded-xl md:row-span-1 md:row-start-1 md:col-start-2 md:rounded-2xl sm:row-start-auto sm:col-start-1"><span class="absolute top-1/2 left-1/2 -translate-x-64 -translate-y-64 w-[350px] h-[350px] rounded-full opacity-10 blur bg-[radial-gradient(circle,#ffffff_0%,rgba(255,255,255,0)_75%)]"></span><img class="absolute top-0 left-1/2 -translate-x-1/2 min-w-[103%]" src="/static/technical-diagram-bf274562a62a5f7070abec8fd4ced930.svg" width="338" height="412" alt="Technical diagrams" loading="lazy" aria-hidden="true"><h3 class="mb-6 text-center text-2xl text-white lg:mb-[18px] lg:text-xl md:mb-6 md:text-2xl sm:text-xl">Technical Diagrams</h3></div></div></div></section><section class="safe-paddings mt-52 lg:mt-36 md:mt-28 sm:mt-20"><div class="container"><h2 class="max-w-[950px] text-4xl font-normal leading-snug lg:text-[32px] sm:text-2xl"><span class="with-text-highlight-red">There are plenty of companies we made design for.</span> <a class="inline-flex leading-none transition-colors duration-200 text-4xl font-normal !leading-snug lg:text-[32px] sm:text-2xl items-center font-semibold text-red whitespace-nowrap hover:text-blue" href="/case-studies/"><span>See all cases</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 28" class="mt-1.5 ml-2 h-5 lg:h-4 sm:h-3.5 sm:mt-1.5"><path fill="currentColor" fill-rule="evenodd" d="M26.584.596 39.81 14 26.584 27.405l-2.848-2.81L32.217 16H0v-4h32.217l-8.48-8.595z" clip-rule="evenodd"></path></svg></a></h2><ul class="grid-gap-x mt-16 grid grid-cols-3 gap-y-16 lg:mt-14 lg:gap-y-14 md:mt-11 md:grid-cols-2 md:gap-y-11 sm:mt-10 sm:block sm:space-y-10"><li><a class="with-nested-link-red-hover block" href="/case-studies/huly/"><h3 class="sr-only">Huly case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/552427eb1bfbda90e9b15bb0584d2d4b/logo.svg" loading="lazy" alt="Huly logo" height="44" width="130"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="7,363 stars on Github">7,363</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Everything App for your teams</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Huly<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover block" href="/case-studies/neon/"><h3 class="sr-only">Neon case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/fb8e2b529637a9bc455456ddde10d5c4/logo.svg" loading="lazy" alt="Neon logo" height="44" width="156"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="14,478 stars on Github">14,478</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Open Source serverless Postgres</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Neon<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover block" href="/case-studies/gitness/"><h3 class="sr-only">Gitness case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/d8aee19fbe6c98d31ec47c06c821ca45/logo.svg" loading="lazy" alt="Gitness logo" height="44" width="183"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="32,145 stars on Github">32,145</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Open-source code hosting &amp; pipeline engine</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Gitness<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover block" href="/case-studies/novu/"><h3 class="sr-only">Novu case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/15dcb191184b05a11b08a9fd95f30d76/logo.svg" loading="lazy" alt="Novu logo" height="44" width="141"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="34,585 stars on Github">34,585</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">The open-source notification infrastructure for developers</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Novu<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover block" href="/case-studies/taipy/"><h3 class="sr-only">Taipy case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/97f801236bd14e413fcc4e8fca3eb0ad/logo.svg" loading="lazy" alt="Taipy logo" height="44" width="164"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="12,084 stars on Github">12,084</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">An open-source Python full-stack application builder</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Taipy<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover block" href="/case-studies/k6/"><h3 class="sr-only">Grafana k6 case study</h3><div class="relative flex min-h-[200px] items-center justify-center overflow-hidden rounded-2xl bg-black lg:min-h-[154px] lg:rounded-xl md:min-h-[180px] sm:min-h-[170px]"><img class="relative z-10 lg:scale-[0.85] md:scale-100 sm:scale-[0.9]" src="/static/98f8b61cbd6dc51144450cf6348e9c4a/logo.svg" loading="lazy" alt="Grafana k6 logo" height="76" width="86"><div class="absolute top-3 left-3 z-10 flex items-center lg:top-2.5 lg:left-2.5 md:top-3 md:left-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" class="h-[26px] text-white"><path fill="currentColor" fill-rule="evenodd" d="M12.96 0C5.804 0 0 5.966 0 13.322c0 5.884 3.737 10.87 8.826 12.667.636.082.874-.326.874-.653v-2.289c-3.578.817-4.373-1.798-4.373-1.798-.556-1.553-1.431-1.961-1.431-1.961-1.193-.817.08-.817.08-.817 1.272.081 1.987 1.389 1.987 1.389 1.193 2.043 3.022 1.47 3.737 1.144.08-.899.477-1.471.795-1.798-2.862-.327-5.883-1.471-5.883-6.62 0-1.471.477-2.615 1.351-3.596-.08-.245-.556-1.634.16-3.433 0 0 1.112-.326 3.577 1.39 1.034-.327 2.147-.409 3.26-.409s2.226.164 3.26.409c2.465-1.716 3.578-1.39 3.578-1.39.716 1.798.239 3.188.16 3.515a5.37 5.37 0 0 1 1.35 3.596c0 5.149-3.02 6.211-5.883 6.538.477.409.875 1.226.875 2.452v3.678c0 .327.238.735.874.653C22.343 24.191 26 19.206 26 13.322 25.92 5.966 20.116 0 12.96 0" clip-rule="evenodd"></path></svg><p class="ml-2 text-xs font-semibold text-white" aria-label="25,155 stars on Github">25,155</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Load testing tool and cloud service</p><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap nested-link-red mt-2.5"><span>Grafana k6<!-- --> case study</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li></ul></div></section><section class="safe-paddings mt-52 lg:mt-36 md:mt-28 sm:mt-20"><div class="container"><h2 class="text-center text-6xl font-normal leading-snug lg:text-[42px] md:text-[32px] sm:text-2xl">Blog.<!-- --> <a class="inline-flex leading-none transition-colors duration-200 text-6xl font-normal !leading-snug lg:text-[42px] md:text-[32px] sm:text-2xl items-center font-semibold text-red whitespace-nowrap hover:text-blue" href="/blog/"><span>Explore team experience</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 28" class="mt-2.5 ml-4 h-7 lg:mt-2 lg:ml-3 lg:h-6 md:mt-1.5 md:ml-2 md:h-5 sm:ml-1 sm:h-3"><path fill="currentColor" fill-rule="evenodd" d="M26.584.596 39.81 14 26.584 27.405l-2.848-2.81L32.217 16H0v-4h32.217l-8.48-8.595z" clip-rule="evenodd"></path></svg></a></h2><ul class="grid-gap-x mt-16 grid grid-cols-2 lg:mt-14 md:mt-11 sm:mt-10 sm:block sm:space-y-10"><li><a class="with-nested-link-red-hover flex h-full flex-col" href="/blog/advanced-web-font-optimization-techniques/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained w-full rounded-2xl lg:rounded-xl"><div style="max-width:592px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='306'%20width='592'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 592px) 592px, 100vw" srcset="/static/f791083446b43694dc40068ab39dc745/e9257/cover.webp 148w,/static/f791083446b43694dc40068ab39dc745/aee4c/cover.webp 296w,/static/f791083446b43694dc40068ab39dc745/18d0e/cover.webp 592w,/static/f791083446b43694dc40068ab39dc745/56214/cover.webp 1184w"><img data-gatsby-image-ssr="" class="rounded-2xl lg:rounded-xl" data-main-image="" style="opacity:0" sizes="(min-width: 592px) 592px, 100vw" decoding="async" loading="lazy" alt="Advanced web font optimization techniques" src="/static/f791083446b43694dc40068ab39dc745/3bddc/cover.jpg" srcset="/static/f791083446b43694dc40068ab39dc745/25c34/cover.jpg 148w,/static/f791083446b43694dc40068ab39dc745/9f647/cover.jpg 296w,/static/f791083446b43694dc40068ab39dc745/3bddc/cover.jpg 592w,/static/f791083446b43694dc40068ab39dc745/04237/cover.jpg 1184w"></picture><noscript><picture><source type="image/webp" srcSet="/static/f791083446b43694dc40068ab39dc745/e9257/cover.webp 148w,/static/f791083446b43694dc40068ab39dc745/aee4c/cover.webp 296w,/static/f791083446b43694dc40068ab39dc745/18d0e/cover.webp 592w,/static/f791083446b43694dc40068ab39dc745/56214/cover.webp 1184w" sizes="(min-width: 592px) 592px, 100vw"/><img data-gatsby-image-ssr="" class="rounded-2xl lg:rounded-xl" data-main-image="" style="opacity:0" sizes="(min-width: 592px) 592px, 100vw" decoding="async" loading="lazy" src="/static/f791083446b43694dc40068ab39dc745/3bddc/cover.jpg" srcSet="/static/f791083446b43694dc40068ab39dc745/25c34/cover.jpg 148w,/static/f791083446b43694dc40068ab39dc745/9f647/cover.jpg 296w,/static/f791083446b43694dc40068ab39dc745/3bddc/cover.jpg 592w,/static/f791083446b43694dc40068ab39dc745/04237/cover.jpg 1184w" alt="Advanced web font optimization techniques"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><h3 class="mt-4 text-2xl font-normal leading-snug lg:mt-3 lg:text-xl md:mt-2.5 md:text-lg">Advanced web font optimization techniques</h3><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap hover:text-blue nested-link-red mt-4 lg:mt-3 md:mt-2.5"><span>Read article</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li><li><a class="with-nested-link-red-hover flex h-full flex-col" href="/blog/next-image/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained w-full rounded-2xl lg:rounded-xl"><div style="max-width:592px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='306'%20width='592'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" sizes="(min-width: 592px) 592px, 100vw" srcset="/static/be2f22a82ed8486578b6b3ed772e21dd/e9257/cover.webp 148w,/static/be2f22a82ed8486578b6b3ed772e21dd/aee4c/cover.webp 296w,/static/be2f22a82ed8486578b6b3ed772e21dd/18d0e/cover.webp 592w,/static/be2f22a82ed8486578b6b3ed772e21dd/56214/cover.webp 1184w"><img data-gatsby-image-ssr="" class="rounded-2xl lg:rounded-xl" data-main-image="" style="opacity:0" sizes="(min-width: 592px) 592px, 100vw" decoding="async" loading="lazy" alt="Things you might not know about Next Image" src="/static/be2f22a82ed8486578b6b3ed772e21dd/3bddc/cover.jpg" srcset="/static/be2f22a82ed8486578b6b3ed772e21dd/25c34/cover.jpg 148w,/static/be2f22a82ed8486578b6b3ed772e21dd/9f647/cover.jpg 296w,/static/be2f22a82ed8486578b6b3ed772e21dd/3bddc/cover.jpg 592w,/static/be2f22a82ed8486578b6b3ed772e21dd/04237/cover.jpg 1184w"></picture><noscript><picture><source type="image/webp" srcSet="/static/be2f22a82ed8486578b6b3ed772e21dd/e9257/cover.webp 148w,/static/be2f22a82ed8486578b6b3ed772e21dd/aee4c/cover.webp 296w,/static/be2f22a82ed8486578b6b3ed772e21dd/18d0e/cover.webp 592w,/static/be2f22a82ed8486578b6b3ed772e21dd/56214/cover.webp 1184w" sizes="(min-width: 592px) 592px, 100vw"/><img data-gatsby-image-ssr="" class="rounded-2xl lg:rounded-xl" data-main-image="" style="opacity:0" sizes="(min-width: 592px) 592px, 100vw" decoding="async" loading="lazy" src="/static/be2f22a82ed8486578b6b3ed772e21dd/3bddc/cover.jpg" srcSet="/static/be2f22a82ed8486578b6b3ed772e21dd/25c34/cover.jpg 148w,/static/be2f22a82ed8486578b6b3ed772e21dd/9f647/cover.jpg 296w,/static/be2f22a82ed8486578b6b3ed772e21dd/3bddc/cover.jpg 592w,/static/be2f22a82ed8486578b6b3ed772e21dd/04237/cover.jpg 1184w" alt="Things you might not know about Next Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><h3 class="mt-4 text-2xl font-normal leading-snug lg:mt-3 lg:text-xl md:mt-2.5 md:text-lg">Things you might not know about Next Image</h3><span class="inline-flex leading-none transition-colors duration-200 text-base items-center font-semibold text-red whitespace-nowrap hover:text-blue nested-link-red mt-4 lg:mt-3 md:mt-2.5"><span>Read article</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="mt-[3px] ml-1.5 h-2.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></span></a></li></ul></div></section><section class="safe-paddings mt-52 bg-gray-2 py-40 lg:mt-36 lg:py-28 md:py-24 sm:mt-20 sm:py-16"><div class="container text-center text-6xl font-normal leading-snug lg:text-[42px] md:text-[32px] sm:text-2xl"><h2 class="mx-auto max-w-[800px] lg:max-w-[600px] md:max-w-[440px] sm:max-w-[300px]">Still in doubts? Check out what we have to offer on</h2><a class="inline-flex leading-none transition-colors duration-200 text-6xl font-normal !leading-snug lg:text-[42px] md:text-[32px] sm:text-2xl items-center font-semibold text-red whitespace-nowrap hover:text-blue" href="/services/web-development/"><span>development services</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 28" class="mt-2.5 ml-4 h-7 lg:mt-2 lg:ml-3 lg:h-6 md:mt-1.5 md:ml-2 md:h-5 sm:ml-1 sm:h-3"><path fill="currentColor" fill-rule="evenodd" d="M26.584.596 39.81 14 26.584 27.405l-2.848-2.81L32.217 16H0v-4h32.217l-8.48-8.595z" clip-rule="evenodd"></path></svg></a></div></section><section class="safe-paddings bg-black py-20 lg:py-[74px] md:py-20 sm:pt-11 sm:pb-9"><div class="container grid-gap-x grid grid-cols-2 items-center sm:block"><div class="sm:text-center"><h2 class="text-6xl font-normal leading-snug text-white lg:text-[42px] md:text-[32px] sm:text-2xl">Let's have a chat</h2><a class="inline-flex leading-none transition-colors duration-200 text-6xl font-normal !leading-snug lg:text-[42px] md:text-[32px] sm:text-2xl items-center font-semibold text-red whitespace-nowrap hover:text-blue" href="https://surveys.pixelpoint.io/work-with-us"><span>Get in touch</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 28" class="mt-2.5 ml-4 h-7 lg:mt-2 lg:ml-3 lg:h-6 md:mt-1.5 md:ml-2 md:h-5 sm:ml-1 sm:h-3"><path fill="currentColor" fill-rule="evenodd" d="M26.584.596 39.81 14 26.584 27.405l-2.848-2.81L32.217 16H0v-4h32.217l-8.48-8.595z" clip-rule="evenodd"></path></svg></a></div><div class="sm:mt-4.5"><div class="relative sm:w-full"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width='592' height='560' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" alt="" aria-hidden="true"><div class="absolute top-0 left-0 h-full w-full"></div></div></div></div></section></main><footer class="safe-paddings bg-black"><div class="container flex justify-between pt-10 pb-14 md:pt-0 sm:block sm:py-6"><div class="flex flex-col items-start justify-between"><a class="" href="/"><span class="sr-only">Pixel Point</span><img class="h-9 w-auto" width="143" height="36" src="/static/logo-white-0679a0d0437067ddf8358bcde54bbf1c.svg" loading="lazy" alt=""></a><a class="inline-flex leading-none transition-colors duration-200 text-base relative font-normal text-red after:absolute after:-bottom-1 after:translate-y-full after:left-0 after:w-full after:h-0.5 after:bg-red after:bg-opacity-40 after:transition-colors after:duration-200 hover:after:bg-opacity-100 sm:hidden" href="mailto:[email protected]">[email protected]</a></div><nav class="sm:grid-gap-x flex space-x-20 pt-2.5 sm:mt-10 sm:grid sm:grid-cols-2 sm:space-x-0 sm:pt-0"><ul class="space-y-8 sm:hidden"><li class="text-[0px]"><a aria-current="page" class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/services/web-design/">Web Design</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/services/web-development/">Web Development</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/case-studies/">Case Studies</a></li></ul><ul class="space-y-8 sm:hidden"><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/about/">About Us</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/blog/">Blog</a></li></ul><ul class="space-y-8 sm:hidden"><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="https://github.com/pixel-point">GitHub</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="https://twitter.com/alex_barashkov">Twitter</a></li></ul><ul class="hidden space-y-6 sm:block"><li class="text-[0px]"><a aria-current="page" class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/services/web-design/">Web Design</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/services/web-development/">Web Development</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/case-studies/">Case Studies</a></li></ul><ul class="hidden space-y-6 sm:block"><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/about/">About Us</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="/blog/">Blog</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="https://github.com/pixel-point">GitHub</a></li><li class="text-[0px]"><a class="inline-flex leading-none transition-colors duration-200 text-base text-white font-normal hover:text-red" href="https://twitter.com/alex_barashkov">Twitter</a></li></ul></nav><a class="inline-flex leading-none transition-colors duration-200 text-base relative font-normal text-red after:absolute after:-bottom-1 after:translate-y-full after:left-0 after:w-full after:h-0.5 after:bg-red after:bg-opacity-40 after:transition-colors after:duration-200 hover:after:bg-opacity-100 hidden sm:mt-10 sm:inline-flex" href="mailto:[email protected]">[email protected]</a></div></footer><nav class="invisible absolute left-1.5 top-1.5 right-1.5 z-40 hidden rounded-xl border border-gray-3 bg-white px-6 pt-24 pb-5 opacity-0 transition-[opacity,visibility] duration-200 dark:text-black md:block sm:pt-20" style="box-shadow:0px 2px 8px rgba(0, 0, 0, 0.2)"><ul><li class="border-b border-b-gray-3 pb-5"><span class="block text-lg font-normal leading-none">Services</span><ul class="mt-5 space-y-5"><li><a aria-current="page" class="flex items-center space-x-3.5" href="/services/web-design/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="h-12 shrink-0"><rect width="56" height="56" fill="#000" rx="8"></rect><mask id="services-web-design_inline_svg__a" width="56" height="56" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="56" height="56" fill="#000" rx="8"></rect></mask><g mask="url(#services-web-design_inline_svg__a)"><path stroke="#fff" stroke-width="2" d="M-16 13.182c8.761 29.693 85.028-41.515 44.494 13.168S43.22 26.234 66 35.984"></path><path stroke="#fff" stroke-width="2" d="M25.47 63.239C18.744 39.73-30.325 93.809.79 50.516s-11.304.091-28.79-7.628M31-8.436C37.163 14.487 82.13-38.245 53.615 3.97S63.975 3.88 80 11.408"></path><circle cx="16" cy="16" r="10" fill="#EE2B6C"></circle><path fill="#fff" d="M12 12h8v8h-8z"></path><path fill="#2B4BEE" d="M30 30h20v20H30z"></path><circle cx="40" cy="40" r="5" fill="#fff"></circle></g></svg><span class="text-lg font-semibold">Web Design</span></a></li><li><a class="flex items-center space-x-3.5" href="/services/web-development/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="h-12 shrink-0"><mask id="services-web-development_inline_svg__a" width="56" height="56" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="56" height="56" fill="#000" rx="8"></rect></mask><g mask="url(#services-web-development_inline_svg__a)"><rect width="56" height="56" fill="#000" rx="8"></rect><rect width="34" height="4" x="18" y="7.5" fill="#D9D9A6" rx="2"></rect><rect width="30" height="4" x="18" y="17.5" fill="#666" rx="2"></rect><rect width="22" height="4" x="18" y="27.5" fill="#9BDEFF" rx="2"></rect><rect width="21" height="4" x="31" y="37.5" fill="#666" rx="2"></rect><rect width="10" height="4" x="18" y="37.5" fill="#C7826B" rx="2"></rect><path fill="#333" d="M0 8a8 8 0 0 1 8-8h6v48H0z"></path><circle cx="7" cy="9.5" r="2.5" fill="#CCC"></circle><circle cx="7" cy="19.5" r="2.5" fill="#666"></circle><circle cx="7" cy="29.5" r="2.5" fill="#666"></circle><circle cx="7" cy="39.5" r="2.5" fill="#666"></circle><path fill="#2B4BEE" d="M0 48h56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8"></path></g></svg><span class="text-lg font-semibold">Web Development</span></a></li></ul></li><li class="border-b border-b-gray-3"><a class="block text-lg font-normal leading-none py-5" href="/case-studies/">Case Studies</a></li><li class="border-b border-b-gray-3"><a class="block text-lg font-normal leading-none py-5" href="/about/">About Us</a></li><li class="border-b border-b-gray-3"><a class="block text-lg font-normal leading-none py-5" href="/blog/">Blog</a></li><li><a class="inline-flex leading-none transition-colors duration-200 text-lg font-semibold items-center font-semibold text-red whitespace-nowrap hover:text-blue !flex py-5 !text-lg" href="https://surveys.pixelpoint.io/work-with-us"><span>Get in touch</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10" class="ml-2 h-2.5 mt-0.5"><path fill="currentColor" fill-rule="evenodd" d="M9.264.293 14 5 9.264 9.707 7.84 8.293 10.148 6H0V4h10.148L7.841 1.707z" clip-rule="evenodd"></path></svg></a></li></ul></nav></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/services/web-design/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
          <script id="gatsby-chunk-mapping">
            window.___chunkMapping="{\"app\":[\"/app-63843390897d9281163a.js\"],\"component---src-pages-404-jsx\":[\"/component---src-pages-404-jsx-d5830eafc0d6077813ff.js\"],\"component---src-pages-about-jsx\":[\"/component---src-pages-about-jsx-623b70cbb3e5ece14889.js\"],\"component---src-pages-index-jsx\":[\"/component---src-pages-index-jsx-bc1919e2cfd0cee8cf83.js\"],\"component---src-pages-services-web-design-jsx\":[\"/component---src-pages-services-web-design-jsx-37ccd187e252040f3754.js\"],\"component---src-pages-services-web-development-jsx\":[\"/component---src-pages-services-web-development-jsx-b7c140b07d884fd66f22.js\"],\"component---src-templates-blog-jsx\":[\"/component---src-templates-blog-jsx-8ff1e2a40837d4c6c284.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-16-how-to-use-web-fonts-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-16-how-to-use-web-fonts-index-md-9992fed4f577865d21b0.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-18-deploy-rails-application-with-mina-nginx-and-puma-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-18-deploy-rails-application-with-mina-nginx-and-puma-index-md-596c14c48131ca8f392f.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-i-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-i-index-md-425e60a4bfc897037475.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-ii-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-ii-index-md-0c60e4214e024cc714b2.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-iii-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-01-26-handoffs-guide-for-pixel-perfect-design-part-iii-index-md-e4246251f4a696d7d176.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-02-27-hear-me-my-young-padawan-or-ui-ux-talks-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-02-27-hear-me-my-young-padawan-or-ui-ux-talks-index-md-67aa4c7da27995a6b470.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-03-28-why-i-hate-your-fake-redesign-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-03-28-why-i-hate-your-fake-redesign-index-md-ad1ec79796879794e5fc.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-05-02-dont-mess-up-your-grid-like-medium-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-05-02-dont-mess-up-your-grid-like-medium-index-md-597160ba27cf369db6e4.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-08-15-your-first-touch-bar-app-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2017-08-15-your-first-touch-bar-app-index-md-4679bfcc2325e6c7dcfd.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-02-07-hey-mom-i-will-not-stop-playing-online-games-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-02-07-hey-mom-i-will-not-stop-playing-online-games-index-md-a21adcd4f85172600b2c.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-04-17-oh-man-look-at-your-api-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-04-17-oh-man-look-at-your-api-index-md-26e6b298fc21c18460a0.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-05-31-crypto-classified-ads-analytics-research-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-05-31-crypto-classified-ads-analytics-research-index-md-2e2cda7a61be96eb939b.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-07-20-track-blockchain-transactions-like-a-boss-with-web-3-js-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-07-20-track-blockchain-transactions-like-a-boss-with-web-3-js-index-md-223e36b27885925909d9.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-07-24-best-practices-for-cache-control-settings-for-your-website-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-07-24-best-practices-for-cache-control-settings-for-your-website-index-md-b2101d08d98b22c0fb8d.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-10-02-99-9-uptime-static-site-deployment-with-cloudflare-and-aws-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-10-02-99-9-uptime-static-site-deployment-with-cloudflare-and-aws-index-md-68e13e32496eab08ace1.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-10-18-how-to-send-aws-cloudwatch-alarms-to-slack-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-10-18-how-to-send-aws-cloudwatch-alarms-to-slack-index-md-1649c0e62fb89064abf1.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-15-real-time-postgres-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-15-real-time-postgres-index-md-0d0b083f03428a43891d.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-15-tips-and-tricks-for-scalable-ci-cd-flow-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-15-tips-and-tricks-for-scalable-ci-cd-flow-index-md-cd2774870099cb0767f4.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-29-how-to-deal-with-the-event-stream-vulnerability-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2018-11-29-how-to-deal-with-the-event-stream-vulnerability-index-md-f4c8c886a346df721b07.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-08-how-to-debug-node-js-in-a-docker-container-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-08-how-to-debug-node-js-in-a-docker-container-index-md-6f2a3eb01f0b88afbe0d.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-08-microservices-vs-monolith-architecture-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-08-microservices-vs-monolith-architecture-index-md-c1b6022bc3fd7aa7e91c.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-17-using-docker-for-nodejs-in-development-and-production-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-01-17-using-docker-for-nodejs-in-development-and-production-index-md-a794a1e1e95610ce9913.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-11-20-docker-commands-use-cases-for-developers-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-11-20-docker-commands-use-cases-for-developers-index-md-12047dcd7bbd9af42851.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-11-how-did-we-make-open-source-ci-better-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-11-how-did-we-make-open-source-ci-better-index-md-7a2ae375606d076bc359.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-12-getting-started-with-open-source-drone-ci-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-12-getting-started-with-open-source-drone-ci-index-md-2fa5a41438c33d54eff9.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-25-the-challenges-of-building-own-macos-app-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-04-25-the-challenges-of-building-own-macos-app-index-md-d88cd5a9ce934385a91b.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-05-09-automate-npm-packages-security-fixes-with-recurring-tasks-on-ci-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-05-09-automate-npm-packages-security-fixes-with-recurring-tasks-on-ci-index-md-df3b62b802fba225e12c.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-08-14-kubernetes-port-forwarding-simple-like-never-before-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2019-08-14-kubernetes-port-forwarding-simple-like-never-before-index-md-1ffd6ac6f3ff780dcb13.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2020-06-19-speed-up-your-development-with-this-new-vs-code-extension-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2020-06-19-speed-up-your-development-with-this-new-vs-code-extension-index-md-654a13322ce7a1f62fa8.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2021-07-15-top-10-open-source-saas-that-could-help-you-build-the-next-big-thing-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2021-07-15-top-10-open-source-saas-that-could-help-you-build-the-next-big-thing-index-md-4fff137d4bfcad7d4e84.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2021-07-20-how-to-hide-feature-a-and-show-feature-b-for-different-users-in-react-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2021-07-20-how-to-hide-feature-a-and-show-feature-b-for-different-users-in-react-index-md-4612a781cede4bb3b9e6.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-02-01-measuring-gatsby-projects-build-time-using-paid-plans-of-popular-static-website-hosting-platforms-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-02-01-measuring-gatsby-projects-build-time-using-paid-plans-of-popular-static-website-hosting-platforms-index-md-f2cd924f460a0c338fea.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-02-22-comparing-gatsby-and-nextjs-for-website-development-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-02-22-comparing-gatsby-and-nextjs-for-website-development-index-md-87499bc7f5ec0c81f670.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-09-self-hosting-plausible-analytics-on-kubernetes-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-09-self-hosting-plausible-analytics-on-kubernetes-index-md-4537a242fea46b98e022.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-09-taking-automated-web-page-screenshots-with-puppeteer-and-sharp-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-09-taking-automated-web-page-screenshots-with-puppeteer-and-sharp-index-md-c924e8a07e27d2e361b5.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-16-gatsby-graphql-schema-customization-for-beginners-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-16-gatsby-graphql-schema-customization-for-beginners-index-md-e9f5d2c73374da678749.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-24-pixel-point-strikes-at-gatsby-s-best-of-2021-agency-awards-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-05-24-pixel-point-strikes-at-gatsby-s-best-of-2021-agency-awards-index-md-c02d8e7e52d6556b82fb.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-06-09-gatsby-to-slash-or-not-to-slash-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-06-09-gatsby-to-slash-or-not-to-slash-index-md-51f28bf735b7ef13cf87.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-06-29-web-optimized-video-ffmpeg-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-06-29-web-optimized-video-ffmpeg-index-md-b5ea6e349be445ad29b6.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-10-27-rive-react-optimizations-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-10-27-rive-react-optimizations-index-md-a01fe5a1ee2727bb9192.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-11-03-rive-app-overview-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-11-03-rive-app-overview-index-md-8bfc315334b50fe6d774.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-11-28-advanced-web-font-optimization-techniques-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-11-28-advanced-web-font-optimization-techniques-index-md-b20d067bc34fceb88507.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-12-12-how-to-track-user-dark-and-light-mode-in-ga-4-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-12-12-how-to-track-user-dark-and-light-mode-in-ga-4-index-md-d68127fa5458a20c1fc1.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-12-12-ms-fluent-emoji-style-fine-tune-on-stable-diffusion-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2022-12-12-ms-fluent-emoji-style-fine-tune-on-stable-diffusion-index-md-fedd135601280f53d8cc.js\"],\"component---src-templates-blog-post-jsx-content-file-path-content-posts-2023-06-22-next-image-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2023-06-22-next-image-index-md-8931e05bb194574fbc41.js\"],\"component---src-templates-case-studies-jsx\":[\"/component---src-templates-case-studies-jsx-806a8305458b248ac214.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-agentql-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-agentql-index-md-b585ef7aed1e077584cc.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-browserless-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-browserless-index-md-ec0d2c60154e5250fc11.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-bytebase-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-bytebase-index-md-4b7e52b6a899292b2bb2.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-cilium-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-cilium-index-md-0a3b3b854a22dbdc12d9.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-configu-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-configu-index-md-58dab5b974392c4bd731.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-drone-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-drone-index-md-5011823be31159bbe7eb.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-ebpf-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-ebpf-index-md-7e28c4764fd4023b6c9e.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-flagsmith-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-flagsmith-index-md-79605bb2bd3f0510d1dd.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-fonoa-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-fonoa-index-md-743079fac0bf39d5da36.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-gitness-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-gitness-index-md-e03ad549093a317992b4.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-glassflow-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-glassflow-index-md-f26471735fd3ebe94588.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-harness-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-harness-index-md-ef10d0d95b4e04f82990.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-huly-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-huly-index-md-1ac290597271131d997d.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-isovalent-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-isovalent-index-md-9465decf4efb2207dabc.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-k-6-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-k-6-index-md-e1f52637e38ad09addd8.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-nayms-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-nayms-index-md-493bbcfaff289650a430.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-neon-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-neon-index-md-11f4b4811ff979c72d21.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-novu-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-novu-index-md-cf13afd4b23779f71002.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-observiq-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-observiq-index-md-550164895c34fe719103.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-parca-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-parca-index-md-bdfbd384de13ab441f7f.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-revenuecat-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-revenuecat-index-md-ab19859f8ca843d1983a.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-taipy-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-taipy-index-md-f1dd619bb6f9042573bb.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-terzo-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-terzo-index-md-c9acf388c859c3ce8596.js\"]}";
          </script>
        <script>window.___webpackCompilationHash="31c7a16a8d6800a60b45";</script><script src="/webpack-runtime-09eb33f578ea19bca3ed.js" async=""></script><script src="/framework-e845aaf4252deb84789a.js" async=""></script><script src="/app-63843390897d9281163a.js" async=""></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>