PageSourceSearch

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

html pixelpoint.io collected 2026-10-03 22:10:05 UTC 203,158 bytes, 44 lines download raw bytes

1<!DOCTYPE html><html lang="en"><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="Have a reliable web platform built with React, third parties, and integrations at your disposal." data-gatsby-head="true"/><meta property="og:title" content="Web Development — Pixel Point" data-gatsby-head="true"/><meta property="og:description" content="Have a reliable web platform built with React, third parties, and integrations at your disposal." 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.272a2acef2cf7372fa71.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}
1.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;
1height: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}
1.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-rangeHighlightBackgroun
1d)}.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}
2/*
3! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
4*/*,: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}
4[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: ;
4--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-sha
4dow)}.\!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}
4.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}
4.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}
4.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-12{row-gap:3rem}.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}
4.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}
4.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);
4--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-sha
4dow)}.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-10{row-gap:2.5rem}.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)))}
4.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\:gap-y-9{row-gap:2.25rem}.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)))}
4.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}
4.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+UMk
4pFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/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}
4.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>
4<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>
4<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-development/" data-baseprotocol="https:" data-basehost="pixelpoint.io"/><link rel="preconnect" href="https://plausible.pixelpoint.io"/>
4<script defer="" data-domain="pixelpoint.io" src="https://plausible.pixelpoint.io/js/plausible.js"></script>
4<script>
5            window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };
6          </script>
6<title data-gatsby-head="true">Web Development — Pixel Point</title></head><body>
6<script>
7(function() {
8  if(window.matchMedia('(prefers-color-scheme: dark)').matches) {
9    plausible('User Color Mode', { props: { mode: 'dark' } });
10  }
11  else {
12    plausible('User Color Mode', { props: { mode: 'light' } });
13  }
14  if (window.location.pathname.startsWith('/blog')) {
15    const isDarkModeSetInLocalStorage = typeof localStorage !== 'undefined' && localStorage.theme === 'dark';
16    const isSystemModeDark = !('theme' in localStorage) && typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;
17
18    if (isDarkModeSetInLocalStorage || isSystemModeDark) {
19      document.documentElement.classList.add('dark');
20    } else {
21      document.documentElement.classList.remove('dark');
22    }
23  }
24})()</script>
24<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 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 aria-current="page" 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">
24<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"></span><span class="absolute top-[9px] right-0 hidden h-0.5 w-full rounded-full bg-current transition-colors duration-200"></span></button></nav></div></header><main class="flex-grow"><section class="safe-paddings overflow-hidden bg-black pt-32 text-center text-white sm:pt-24"><div class="container"><h1 class="with-text-highlight-red mx-auto max-w-[1000px] text-center text-6xl font-normal leading-snug lg:max-w-[520px] lg:text-[42px] md:max-w-[450px] md:text-4xl sm:max-w-[300px] sm:text-2xl">You develop your product. <span>We develop your site.</span></h1><div class="relative mx-auto mt-16 max-w-[1096px] lg:mt-14 md:mt-12 sm:mt-6" aria-hidden="true"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width=&#x27;1096&#x27; height=&#x27;600&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27; version=&#x27;1.1&#x27;%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 style="vertical-align:top;width:0;height:0"></canvas></div></div></div></div></section><section class="safe-paddings bg-black pt-52 text-white lg:pt-18 sm:pt-11"><div class="container grid-gap-x grid grid-cols-12 items-center md:block"><div class="col-span-6 text-white"><h2 class="text-6xl tracking-[-1.12px] font-normal leading-snug lg:text-[42px] max-w-[586px] md:max-w-[470px] md:text-4xl sm:text-2xl"><span style="opacity:0;color:#ffffff">The<!-- --> </span><span style="opacity:0;color:#ffffff">setup<!-- --> </span><span style="opacity:0;color:#ffffff">of<!-- --> </span><span style="opacity:0;color:#ffffff">choice<!-- --> </span><span style="opacity:0;color:#ffffff">for<!-- --> </span><span style="opacity:0;color:#ffffff">effortless<!-- --> </span><span style="opacity:0;color:#ffffff">editing<!-- --> </span><span style="opacity:0;color:#ffffff">and<!-- --> </span><span style="opacity:0;color:#ffffff">seamless<!-- --> </span><span style="opacity:0;color:#ffffff">scaling<!-- --> </span></h2><p class="mt-5 max-w-[410px] text-lg md:mt-3 md:max-w-[470px] sm:mt-2.5 sm:text-base" style="opacity:0">A highly customizable stack with zero legacy and great scalability: Next.js, modern CMS solutions, and Markdown for your documentation portal.</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" aria-label="Prettier, ESLint, Lighthouse CI, Webpack bundle with pre/post processing, MarkdownLint, Conventional commits"><div class="relative"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width=&#x27;592&#x27; height=&#x27;536&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27; version=&#x27;1.1&#x27;%3E%3C/svg%3E" alt="" aria-hidden="true"/><div class="absolute top-0 left-0 h-full w-full"></div></div></div></div></section><section class="safe-paddings bg-black pt-80 lg:pt-56 md:pt-40 sm:pt-24"><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-[470px] md:text-4xl sm:text-2xl"><span style="opacity:0;color:#ffffff">Pixel-perfect<!-- --> </span><span style="opacity:0;color:#ffffff">interface<!-- --> </span><span style="opacity:0;color:#ffffff">styled<!-- --> </span><span style="opacity:0;color:#ffffff">with<!-- --> </span><span style="opacity:0;color:#ffffff">TailwindCSS<!-- --> </span></h2><p class="mt-5 max-w-[420px] text-lg md:mt-3 md:max-w-[470px] sm:mt-2.5 sm:text-base" style="opacity:0">Scalable, adaptive and highly customizable styling solution with a tiny CSS bundle size.</p></div><div class="col-span-6 md:mx-auto md:mt-11 md:max-w-[590px] sm:mt-8" aria-hidden="true">
24<div class="flex overflow-hidden rounded-2xl lg:rounded-xl sm:block" style="opacity:0;transform:translateY(200px) translateZ(0)"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained h-56 w-52 shrink-0 lg:h-full lg:w-[136px] md:w-52 sm:h-52 sm:w-full"><div style="max-width:1020px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;1536&#x27;%20width=&#x27;1020&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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" data-srcset="/static/5949109f8c1b20a5eeb686da0a26681a/4ff86/illustration-photo.webp 255w,/static/5949109f8c1b20a5eeb686da0a26681a/5b568/illustration-photo.webp 510w,/static/5949109f8c1b20a5eeb686da0a26681a/fd733/illustration-photo.webp 1020w" sizes="(min-width: 1020px) 1020px, 100vw"/><img data-gatsby-image-ssr="" class="rounded-l-2xl object-center lg:rounded-l-xl sm:rounded-t-2xl sm:rounded-bl-none sm:object-[50%_40%]" data-main-image="" style="opacity:0" sizes="(min-width: 1020px) 1020px, 100vw" decoding="async" loading="lazy" data-src="/static/5949109f8c1b20a5eeb686da0a26681a/ae654/illustration-photo.jpg" data-srcset="/static/5949109f8c1b20a5eeb686da0a26681a/4ab67/illustration-photo.jpg 255w,/static/5949109f8c1b20a5eeb686da0a26681a/06439/illustration-photo.jpg 510w,/static/5949109f8c1b20a5eeb686da0a26681a/ae654/illustration-photo.jpg 1020w" alt=""/></picture><noscript><picture><source type="image/webp" srcSet="/static/5949109f8c1b20a5eeb686da0a26681a/4ff86/illustration-photo.webp 255w,/static/5949109f8c1b20a5eeb686da0a26681a/5b568/illustration-photo.webp 510w,/static/5949109f8c1b20a5eeb686da0a26681a/fd733/illustration-photo.webp 1020w" sizes="(min-width: 1020px) 1020px, 100vw"/><img data-gatsby-image-ssr="" class="rounded-l-2xl object-center lg:rounded-l-xl sm:rounded-t-2xl sm:rounded-bl-none sm:object-[50%_40%]" data-main-image="" style="opacity:0" sizes="(min-width: 1020px) 1020px, 100vw" decoding="async" loading="lazy" src="/static/5949109f8c1b20a5eeb686da0a26681a/ae654/illustration-photo.jpg" srcSet="/static/5949109f8c1b20a5eeb686da0a26681a/4ab67/illustration-photo.jpg 255w,/static/5949109f8c1b20a5eeb686da0a26681a/06439/illustration-photo.jpg 510w,/static/5949109f8c1b20a5eeb686da0a26681a/ae654/illustration-photo.jpg 1020w" alt=""/></picture></noscript>
24<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>
24</div><div class="bg-white px-7 py-5 lg:px-4.5 lg:py-4 md:px-7 sm:p-4"><div class="max-w-[240px] text-xl font-bold leading-snug lg:max-w-[230px] lg:text-lg md:max-w-[240px] md:text-xl sm:max-w-none sm:text-base">Welcome to Conference in London</div><div class="mt-2 text-sm font-normal text-gray-7">The home of global innovators, disruptors, and tech leaders. Registration is open!</div><div class="mt-4 flex items-center justify-between border-t border-t-gray-4 pt-5 lg:mt-3.5 lg:pt-3.5"><span class="flex h-11 cursor-pointer items-center justify-center rounded-lg bg-black px-7 text-sm font-semibold text-white lg:h-10 lg:text-xs md:h-11 md:px-7 md:text-sm sm:h-10">Join now</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 44 44" class="h-11 cursor-pointer lg:h-10 md:h-11 sm:h-10"><rect width="44" height="44" fill="#EE2B6C" rx="22"></rect><path fill="#fff" d="M30.477 17.726a5 5 0 0 0-1.486-1.762 4.865 4.865 0 0 0-4.388-.73 4.9 4.9 0 0 0-1.962 1.19l-.64.595-.62-.574a4.9 4.9 0 0 0-1.97-1.212 4.8 4.8 0 0 0-2.297-.163 4.8 4.8 0 0 0-2.112.886 4.9 4.9 0 0 0-1.477 1.77 4.94 4.94 0 0 0-.463 2.995 4.9 4.9 0 0 0 1.37 2.694l7.03 7.354a.75.75 0 0 0 .539.231.74.74 0 0 0 .537-.23l7.021-7.342a4.9 4.9 0 0 0 1.378-2.698 4.95 4.95 0 0 0-.46-3.004"></path></svg></div></div></div><div style="opacity:0;transform:translateY(200px) translateZ(0)"><pre class="prismjs tailwindcss-code-block mt-8 p-3 text-sm lg:mt-7 lg:text-[13px] md:text-sm sm:hidden"><code class="language-jsx" style="white-space:pre"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span class="token tag punctuation">&lt;</span><span class="token tag">article</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">flex overflow-hidden rounded-2xl</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
25</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span class="token plain-text">  </span><span class="token tag punctuation">&lt;</span><span class="token tag class-name">StaticImage</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">h-56 w-52 shrink-0</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">imgClassName</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">rounded-l-2xl object-center</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">src</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">./illustration.jpg</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">loading</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">lazy</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">alt</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag punctuation">/&gt;</span><span class="token plain-text">
26</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span class="token plain-text">  </span><span class="token tag punctuation">&lt;</span><span class="token tag">div</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">bg-white px-7 py-5</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
27</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">h1</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">max-w-[240px] text-xl font-semibold leading-snug</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">Welcome to Conference in London</span><span class="token tag punctuation">&lt;/</span><span class="token tag">h1</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
28</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">p</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">mt-2 text-sm font-normal text-gray-7</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">The home of global innovators, disruptors, and tech leaders. Registration is open!</span><span class="token tag punctuation">&lt;/</span><span class="token tag">p</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
29</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">div</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">mt-4 flex items-center justify-between border-t border-t-gray-4 pt-5</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
30</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span class="token plain-text">      </span><span class="token tag punctuation">&lt;</span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">flex h-11 items-center justify-center rounded-lg bg-black px-7 text-sm font-semibold text-white</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
30Join now</span><span class="token tag punctuation">&lt;/</span><span class="token tag">button</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
31</span><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span><span class="token plain-text">      </span><span class="token tag punctuation">&lt;</span><span class="token tag class-name">HeartIcon</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">h-11</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag punctuation">/&gt;</span></code></pre><pre class="prismjs tailwindcss-code-block mt-8 hidden p-3 text-[13px] sm:block"><code class="language-jsx" style="white-space:pre"><span class="token tag punctuation">&lt;</span><span class="token tag">article</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">flex overflow-hidden rounded-2xl</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
32</span><span class="token plain-text">  </span><span class="token tag punctuation">&lt;</span><span class="token tag class-name">StaticImage</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">h-56 w-52 shrink-0</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">imgClassName</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">rounded-l-2xl object-center</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">src</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">./illustration.jpg</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">loading</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">lazy</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag attr-name">alt</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag punctuation">/&gt;</span><span class="token plain-text">
33</span><span class="token plain-text">  </span><span class="token tag punctuation">&lt;</span><span class="token tag">div</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">bg-white px-7 py-5</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
34</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">h1</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">max-w-[240px] text-xl font-semibold leading-snug</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">Welcome to Conference in London</span><span class="token tag punctuation">&lt;/</span><span class="token tag">h1</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
35</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">p</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">mt-2 text-sm font-normal text-gray-7</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">The home of global innovators, disruptors, and tech leaders. Registration is open!</span><span class="token tag punctuation">&lt;/</span><span class="token tag">p</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
36</span><span class="token plain-text">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">div</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">mt-4 flex items-center justify-between border-t border-t-gray-4 pt-5</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
37</span><span class="token plain-text">      </span><span class="token tag punctuation">&lt;</span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">flex h-11 items-center justify-center rounded-lg bg-black px-7 text-sm font-semibold text-white</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
37Join now</span><span class="token tag punctuation">&lt;/</span><span class="token tag">button</span><span class="token tag punctuation">&gt;</span><span class="token plain-text">
38</span><span class="token plain-text">      </span><span class="token tag punctuation">&lt;</span><span class="token tag class-name">HeartIcon</span><span class="token tag"> </span><span class="token tag attr-name">className</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag attr-value">h-11</span><span class="token tag attr-value punctuation">&quot;</span><span class="token tag"> </span><span class="token tag punctuation">/&gt;</span></code></pre></div></div></div></section><section class="safe-paddings bg-black py-80 lg:py-56 md:py-40 sm:py-24"><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-[420px] lg:text-[42px] md:max-w-[490px] md:text-4xl sm:text-2xl"><span style="opacity:0;color:#ffffff">Developed<!-- --> </span><span style="opacity:0;color:#ffffff">with<!-- --> </span><span style="opacity:0;color:#ffffff">industry<!-- --> </span><span style="opacity:0;color:#ffffff">best practices<!-- --> </span></h2><p class="mt-5 max-w-[520px] text-lg md:mt-3 md:max-w-[490px] sm:mt-2.5 sm:max-w-none sm:text-base" style="opacity:0">A lean and maintainable code base as a guaranteed part of Pixel Point front-end development services.</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" aria-label="Prettier, ESLint, Lighthouse CI, Webpack bundle with pre/post processing, MarkdownLint, Conventional commits"><div class="relative"><img class="w-full" src="data:image/svg+xml;charset=utf-8,%3Csvg width=&#x27;592&#x27; height=&#x27;518&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27; version=&#x27;1.1&#x27;%3E%3C/svg%3E" alt="" aria-hidden="true"/><div class="absolute top-0 left-0 h-full w-full"></div></div></div></div></section><section class="safe-paddings mt-52 lg:mt-36 sm:mt-20"><div class="container"><h2 class="with-text-highlight-red mx-auto max-w-[800px] text-center text-6xl font-normal leading-snug tracking-[-1.12px] lg:max-w-[568px] lg:text-[42px] md:max-w-[458px] md:text-4xl sm:max-w-none sm:text-2xl">Powered by <span>the best hosting</span> and third-party integrations</h2><h3 class="mt-20 text-4xl leading-snug lg:mt-14 lg:text-3xl md:mt-10 md:text-xl sm:mt-6 sm:text-lg">The fastest and most reliable hosting platforms</h3><div class="grid-gap-x mt-10 grid grid-cols-2 lg:mt-8 md:mt-5 md:block md:space-y-5 sm:mt-4 sm:space-y-4"><div class="rounded-2xl bg-gray-9 p-8 px-4 pb-6 lg:rounded-xl lg:p-6 md:flex md:items-center md:space-x-6 sm:block sm:space-x-0 sm:p-5 sm:pb-4"><div class="px-4 lg:px-0"><img src="/static/vercel-55df592281297090305996929782a9a9.svg" width="162" height="36" alt="Vercel" loading="lazy"/><p class="mt-5 hidden text-xl text-white md:block sm:hidden">Default option providing best flexibility for a reasonable price</p></div><span class="sr-only">Vercel</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained mt-8 lg:mt-5 md:mt-4"><div style="max-width:1120px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;520&#x27;%20width=&#x27;1120&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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" data-srcset="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/0f56d/vercel-illustration.webp 280w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/039a9/vercel-illustration.webp 560w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/79974/vercel-illustration.webp 1120w" sizes="(min-width: 1120px) 1120px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 1120px) 1120px, 100vw" decoding="async" loading="lazy" data-src="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/3680b/vercel-illustration.png" data-srcset="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/318ed/vercel-illustration.png 280w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/7e892/vercel-illustration.png 560w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/3680b/vercel-illustration.png 1120w" alt=""/></picture><noscript><picture><source type="image/webp" srcSet="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/0f56d/vercel-illustration.webp 280w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/039a9/vercel-illustration.webp 560w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/79974/vercel-illustration.webp 1120w" sizes="(min-width: 1120px) 1120px, 100vw"/><img data-gatsby-image-ssr="" aria-hidden="true" data-main-image="" style="opacity:0" sizes="(min-width: 1120px) 1120px, 100vw" decoding="async" loading="lazy" src="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/3680b/vercel-illustration.png" srcSet="/static/e3168f9121f4ca64b9b5ca15cb23b5d9/318ed/vercel-illustration.png 280w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/7e892/vercel-illustration.png 560w,/static/e3168f9121f4ca64b9b5ca15cb23b5d9/3680b/vercel-illustration.png 1120w" alt=""/></picture></noscript>
38<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>
38</div><p class="mt-6 px-4 text-2xl text-white lg:mt-7 lg:px-0 lg:text-xl md:hidden sm:mt-4 sm:block sm:text-base">Default option providing best flexibility for a reasonable price</p></div><div class="grid-gap grid grid-cols-2 sm:block sm:space-y-4"><div class="flex flex-col items-start justify-between rounded-2xl px-6 pb-5 pt-7 lg:min-h-[176px] lg:rounded-xl lg:py-4 lg:px-5 md:min-h-[144px] bg-[#252c37]"><img src="/static/aws-95ee8049c9be72f994b5806855ca7f6b.svg" width="80" height="48" alt="AWS" loading="lazy"/><p class="text-base text-white">For enterprises seeking extensive scalability</p></div><div class="flex flex-col items-start justify-between rounded-2xl px-6 pb-5 pt-7 lg:min-h-[176px] lg:rounded-xl lg:py-4 lg:px-5 md:min-h-[144px] bg-[#f7c797]"><img src="/static/cloudflare-23fb56af2ac405cc959602935196e801.svg" width="134" height="48" alt="Cloudflare" loading="lazy"/><p class="text-base text-black">For businesses focusing on enhanced security</p></div><div class="flex flex-col items-start justify-between rounded-2xl px-6 pb-5 pt-7 lg:min-h-[176px] lg:rounded-xl lg:py-4 lg:px-5 md:min-h-[144px] bg-[#42d7d7]"><img src="/static/netlify-e68227b42815064158485d39aeb29b5e.svg" width="138" height="56" alt="Netlify" loading="lazy"/><p class="text-base text-black">For developers prioritizing streamlined deployment</p></div><p class="flex flex-col items-center justify-center rounded-2xl text-center lg:min-h-[176px] lg:rounded-xl md:min-h-[144px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><span class="text-2xl font-semibold leading-snug lg:text-xl">OR</span><span class="mt-2.5 max-w-[160px] text-lg font-normal leading-snug lg:mt-2 lg:text-base">any other platform of your choice</span></p></div></div><h3 class="mt-20 text-4xl leading-snug lg:mt-14 lg:text-3xl md:mt-10 md:text-xl sm:mt-10 sm:text-lg">Most popular third-party services and integrations</h3><ul class="grid-gap mt-10 grid grid-cols-4 lg:mt-8 md:mt-5 sm:mt-4 sm:block sm:space-y-4"><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/tagmanager-8b7ce84615a2b63249f23d1c4b58c10b.svg" width="76" height="76" alt="Google Tag Manager" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/hubspot-283f9593f19f56ad529dfedfd3c5e251.svg" width="122" height="34" alt="Hubspot" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/twilio-6824bc70bb246f412ecdc8dbb6f59d26.svg" width="148" height="40" alt="Twilio Segment" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/onetrust-2e8b44cafa8ba9daceba452ebf6ee081.svg" width="136" height="24" alt="Onetrust" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/zapier-27af3b2690e6d6ccbf352eda28cd2068.svg" width="132" height="36" alt="Zapier" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/analytics-27dafc2864d1613b0557c68167b31ffc.svg" width="68" height="68" alt="Google Analytics" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/hotjar-6a7a0a22346355f483d16766dac1c8a8.svg" width="142" height="36" alt="Hotjar" loading="lazy"/></li><li class="flex min-h-[160px] items-center justify-center rounded-2xl lg:min-h-[120px] lg:rounded-xl md:min-h-[100px] sm:min-h-[120px]" style="background:linear-gradient(247.55deg, #fcfcfc 0%, #f7f7f7 100%)"><img src="/static/iubenda-2c48425fc1152a2bd0bbe9a53d26a85b.svg" width="130" height="48" alt="Iubenda" loading="lazy"/></li></ul></div></section><section class="safe-paddings mt-52 lg:mt-36 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-[782px] lg:text-[42px] md:text-4xl sm:text-2xl">Always in the upper <span>Lighthouse</span> threshold to outperform competitors</h2><ul class="mt-16 flex justify-center space-x-44 lg:mt-14 lg:space-x-32 md:mt-12 md:justify-between md:space-x-0 sm:mt-11 sm:flex-wrap"><li class="sm:basis-1/2"><div class="relative mx-auto h-36 w-36 lg:h-28 lg:w-28 md:h-24 md:w-24"><div class="h-full w-full rounded-full border-[6px] border-green border-opacity-20 lg:border-[5px]" aria-hidden="true"></div><svg class="absolute top-1/2 left-1/2 h-full w-full" width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scale(1, -1) rotate(-90deg) translate(-50%, -50%)" aria-hidden="true"><path class="stroke-green" d="M3.49609 72.0001C3.49609 109.834 34.1664 140.504 72.0001 140.504C109.834 140.504 140.504 109.834 140.504 72.0001C140.504 34.1664 109.834 3.49609 72.0001 3.49609C34.1664 3.49609 3.49609 34.1664 3.49609 72.0001Z" stroke-width="6" stroke-linecap="round" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path></svg></div><div class="mt-4 text-center text-lg font-normal">Performance</div></li><li class="sm:basis-1/2"><div class="relative mx-auto h-36 w-36 lg:h-28 lg:w-28 md:h-24 md:w-24"><div class="h-full w-full rounded-full border-[6px] border-green border-opacity-20 lg:border-[5px]" aria-hidden="true"></div><svg class="absolute top-1/2 left-1/2 h-full w-full" width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scale(1, -1) rotate(-90deg) translate(-50%, -50%)" aria-hidden="true"><path class="stroke-green" d="M3.49609 72.0001C3.49609 109.834 34.1664 140.504 72.0001 140.504C109.834 140.504 140.504 109.834 140.504 72.0001C140.504 34.1664 109.834 3.49609 72.0001 3.49609C34.1664 3.49609 3.49609 34.1664 3.49609 72.0001Z" stroke-width="6" stroke-linecap="round" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path></svg></div><div class="mt-4 text-center text-lg font-normal">Accessibility</div></li><li class="sm:basis-1/2 sm:mt-11"><div class="relative mx-auto h-36 w-36 lg:h-28 lg:w-28 md:h-24 md:w-24"><div class="h-full w-full rounded-full border-[6px] border-green border-opacity-20 lg:border-[5px]" aria-hidden="true"></div><svg class="absolute top-1/2 left-1/2 h-full w-full" width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scale(1, -1) rotate(-90deg) translate(-50%, -50%)" aria-hidden="true"><path class="stroke-green" d="M3.49609 72.0001C3.49609 109.834 34.1664 140.504 72.0001 140.504C109.834 140.504 140.504 109.834 140.504 72.0001C140.504 34.1664 109.834 3.49609 72.0001 3.49609C34.1664 3.49609 3.49609 34.1664 3.49609 72.0001Z" stroke-width="6" stroke-linecap="round" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path></svg></div><div class="mt-4 text-center text-lg font-normal">Best practices</div></li><li class="sm:basis-1/2 sm:mt-11"><div class="relative mx-auto h-36 w-36 lg:h-28 lg:w-28 md:h-24 md:w-24"><div class="h-full w-full rounded-full border-[6px] border-green border-opacity-20 lg:border-[5px]" aria-hidden="true"></div><svg class="absolute top-1/2 left-1/2 h-full w-full" width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scale(1, -1) rotate(-90deg) translate(-50%, -50%)" aria-hidden="true"><path class="stroke-green" d="M3.49609 72.0001C3.49609 109.834 34.1664 140.504 72.0001 140.504C109.834 140.504 140.504 109.834 140.504 72.0001C140.504 34.1664 109.834 3.49609 72.0001 3.49609C34.1664 3.49609 3.49609 34.1664 3.49609 72.0001Z" stroke-width="6" stroke-linecap="round" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path></svg></div><div class="mt-4 text-center text-lg font-normal">SEO</div></li></ul></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 numerous living proofs of our work out there.</span> <a class="inline-flex leading-none transition-colors duration-200 text-4xl font-normal 
38!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-12 lg:mt-14 lg:gap-y-10 md:mt-11 md:grid-cols-2 md:gap-y-9 sm:mt-10 sm:block sm:space-y-8"><li><div class="block"><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/17574fc6ae84d323a95b54f7a58a0f06/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="22,975 stars on Github">22,975</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Open Source serverless Postgres</p></div></li><li><div class="block"><h3 class="sr-only">Unkey 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/a8c5ba87df76aea43142b36a24da606e/logo.svg" loading="lazy" alt="Unkey 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="5,424 stars on Github">5,424</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">The Developer Platform for Modern APIs</p></div></li><li><div class="block"><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">
38<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="27,478 stars on Github">27,478</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Everything App for your teams</p></div></li><li><div class="block"><h3 class="sr-only">Invertase 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/5b8e10b561a10cab322040bcc9623c56/logo.svg" loading="lazy" alt="Invertase logo" height="44" width="187"/><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,301 stars on Github">12,301</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Open-source tools and SDKs for enhanced developer productivity</p></div></li><li><div class="block"><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="38,149 stars on Github">38,149</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">Open-source code hosting &amp; pipeline engine</p></div></li><li><div class="block"><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">
38<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="39,678 stars on Github">39,678</p></div></div><p class="mt-2.5 text-lg font-normal leading-snug">The open-source notification infrastructure for developers</p></div></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=&#x27;306&#x27;%20width=&#x27;592&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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" data-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" data-src="/static/f791083446b43694dc40068ab39dc745/3bddc/cover.jpg" data-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><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>
38<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>
38</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=&#x27;306&#x27;%20width=&#x27;592&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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" data-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" data-src="/static/be2f22a82ed8486578b6b3ed772e21dd/3bddc/cover.jpg" data-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><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>
38<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>
38</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-design/"><span>design 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&#x27;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=&#x27;592&#x27; height=&#x27;560&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27; version=&#x27;1.1&#x27;%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 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://primeui.com/">Prime UI</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://toolcraft.sh">Toolcraft</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="/services/web-design/">Web Design</a></li><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-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="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><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://www.youtube.com/@pixelpoint-io?sub_confirmation=1">YouTube</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="/services/web-design/">Web Design</a></li><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-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 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 aria-current="page" 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">
38<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>
38<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/services/web-development/";/*]]>*/</script>
38<!-- slice-start id="_gatsby-scripts-1" -->
39          
39<script
40            id="gatsby-chunk-mapping"
41          >
42            window.___chunkMapping="{\"app\":[\"/app-4ae1664ce87f0bdf8fb5.js\"],\"component---src-pages-404-jsx\":[\"/component---src-pages-404-jsx-d5830eafc0d6077813ff.js\"],\"component---src-pages-about-jsx\":[\"/component---src-pages-about-jsx-6489676cf4c27fefd5fb.js\"],\"component---src-pages-index-jsx\":[\"/component---src-pages-index-jsx-33c1308c07cbe99638f0.js\"],\"component---src-pages-services-web-design-jsx\":[\"/component---src-pages-services-web-design-jsx-9b99ce2a241109ca1aba.js\"],\"component---src-pages-services-web-development-jsx\":[\"/component---src-pages-services-web-development-jsx-3214d170ac40c8b4b59a.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-sett
42ings-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-
42development-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-2e9e07a6b0e684b8c912.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-31f1cd2b97c94e48b3c6.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-blog-post-jsx-content-file-path-content-posts-2026-06-30-how-to-craft-personal-design-tools-with-toolcraft-index-md\":[\"/component---src-templates-blog-post-jsx-content-file-path-content-posts-2026-06-30-how-to-craft-personal-design-tools-with-toolcraft-index-md-0b6e245d185e32dd0416.js\"],\"component---src-templates-case-studies-jsx\":[\"/component---src-templates-case-studies-jsx-29066859174e5700ee41.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-84e28ef7e15824db9290.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-bfl-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-bfl-index-md-61068022266352723c80.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-bindplane-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-bindplane-index-md-d13a7f2c29da0e00b7bd.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-a0a98eaaf432c7c060b9.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-57389de7ba9aaef1bc7c.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-9436241e5f3da755d888.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-cluely-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-cluely-index-md-e1240e3d0cbd3cb5
427510.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-d6105763bd8d42586229.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-databricks-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-databricks-index-md-cfed815cd704128b5b6c.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-00a66691fff4d038b35f.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-93e3760ed286b85d486c.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-5907fd15bf2cc08e565f.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-2551419347d917b8434a.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-f960d2f14d7907b644c6.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-8fa7e9abb2fea2a2b95d.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-interhuman-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-interhuman-index-md-9c94dbdfa59807ba4eef.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-invertase-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-invertase-index-md-59ab63da5a3ec4b2e592.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-89de24bf5ca7244e5627.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-4c4e89dbc127f7d95495.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-9e7b4bf8b644ab923b38.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-c1b910a8f46b111e47ee.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-af85e0aa5511edd3ac0c.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-phrasso-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-phrasso-index-md-5497061db49535580fb3.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-polarsignals-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-polarsignals-index-md-a756019dbb2a391e14e0.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-railway-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-railway-index-md-5a7831eba4edcba06b53.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-recraft-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-recraft-index-md-6c5d657ae361f130a723.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-b25dae48c19913ceaec3.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-scoutos-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-scoutos-index-md-3f3b58b8db8354bbfe20.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-searchparty-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-searchparty-index-md-3774d09df822e0f54d92.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-slash-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-slash-index-md-7093fac911bdb133c3c2.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-solarpunk-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-solarpunk-index-md-17eb1f8ce6324ad02483.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-15814b027dc8b0ac9f45.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-0fe496070bb0b56130de.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-unkey-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-unkey-index-md-7a1154cc6f914cfa9735.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-vantage-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-vantage-index-md-35240922a6d9209e7e05.js\"],\"component---src-templates-case-study-jsx-content-file-path-content-case-studies-vectara-index-md\":[\"/component---src-templates-case-study-jsx-content-file-path-content-case-studies-vectara-index-md-788c1e249308c968547d.js\"]}";
43          </script>
43
44        
44<script>window.___webpackCompilationHash="3550c91ecb1402ab2fd1";</script>
44<script src="/webpack-runtime-c3735ce56d6febb4b986.js" async></script>
44<script src="/framework-e845aaf4252deb84789a.js" async></script>
44<script src="/app-4ae1664ce87f0bdf8fb5.js" async></script>
44<!-- slice-end id="_gatsby-scripts-1" --></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.