@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;overflow:visible}:root{--primary-color: #2200b8;--secondary-color: #5d00ff;--accent-color: #e100ff;--accent-color-light: #ec5eff;--accent-color-dark: #a235ea;--deep-blue: #04243f;--card-bg: rgba(255, 255, 255, .03);--global-border: .5px solid rgba(255, 255, 255, .15);--strong-border: .5px solid rgba(255, 255, 255, .35);--text-color: rgba(255, 255, 255, .8);--text-font-size: .75rem;--text-line-height: 1.6;--small-text-font-size: .5rem;--page-title-font-size-large: 2.75rem;--page-title-font-size-small: 2rem;--cta-font-size: .9rem;--hero-title-font-size: 2rem;--section-title-font-size: 2rem;--heading-line-height: 1.1;--heading-letter-spacing: -.03em;--card-title-font-size: 1.25rem;--card-text-font-size: .75rem;--main-card-title-font-size: 2rem;--popup-link-font-size: 1.5rem;--icon-design-color: #FF9A3A;--icon-design-bg-color: rgba(255,154,58,.18);--icon-conversion-color: #0FB67A;--icon-conversion-bg-color: rgba(15,182,122,.18);--icon-seo-color: #E6C400;--icon-seo-bg-color: rgba(230,196,0,.18);--icon-code-color: #2563EB;--icon-code-bg-color: rgba(37,99,235,.18);--icon-performance-color: #E53935;--icon-performance-bg-color: rgba(229,57,53,.18);--icon-ai-color: #D04BD6;--icon-ai-bg-color: rgba(208,75,214,.18);--icon-on-plate-color: #FFFFFF;--icon-plate-hover-alpha: .28}body{font-family:Inter,sans-serif;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100vw;overflow-x:hidden;padding-bottom:25rem}main{min-height:100vh}section{width:100vw;max-width:170rem;min-height:45vh;padding:2rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20vh 0px}h1,h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing)}h3{font-family:Inter,sans-serif;font-weight:600;line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing)}img{overflow:hidden}.bold{font-weight:900}.flex{display:flex;gap:1rem}.section-title-container{width:100%;justify-content:space-between}.section-title{font-size:var(--section-title-font-size);margin-bottom:2rem;width:100%}p,a,button{font-size:var(--text-font-size);line-height:var(--text-line-height);color:var(--text-color)}.cta{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:var(--accent-color);color:#fff;text-decoration:none;border:var(--strong-border);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:var(--cta-font-size);line-height:1;letter-spacing:.035em;z-index:1;overflow:visible;box-shadow:inset 0 1px #ffffff0f,0 8px 22px #0208178c;transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s cubic-bezier(.2,.9,.2,1),filter .16s cubic-bezier(.2,.9,.2,1);-webkit-tap-highlight-color:transparent;cursor:pointer}.cta:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0208177a;transition:all .16s cubic-bezier(.2,.9,.2,1)}.cta:active{transform:translateY(0) scale(.985);box-shadow:inset 0 2px 6px #0000002e,0 6px 16px #0208177a;transition-duration:80ms}.cta:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 14%,transparent),0 10px 28px #0208177a}@media (prefers-reduced-motion: reduce){.cta,.cta:after{transition:none!important}}.grid{display:flex;flex-direction:column;gap:2rem;width:100%}.grid-card{padding:1.25rem;background:var(--card-bg);border:var(--global-border);box-shadow:0 4px 4px #00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;position:relative}.card-cta{background-color:#fff;padding:5px 10px;color:#000;text-decoration:none;font-weight:600;transition:color .3s;border-radius:10px;transition:transform .3s}.card-cta:hover{color:var(--accent-color);text-decoration:none;transform:translateY(-1px);transition:color transform .3s}.icon{display:block;width:23px;height:23px}.reference-link{font-weight:500;text-decoration:underline;color:#ffffffbf;transition:color .3s;font-size:var(--text-font-size);white-space:nowrap}.reference-link:hover{color:#fff;transition:color .3s}.sticky-cta-container{position:fixed;bottom:0;left:0;width:100vw;height:10rem;background:linear-gradient(transparent 0%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.sticky-cta-container .cta-label{font-size:var(--text-font-size)}header{width:100vw;padding:2rem;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-image:linear-gradient(#000,#0000)}.nav-logo{position:absolute;left:2rem;width:80px;z-index:1001;padding:10px}body.menu-open .nav-logo object{width:100%;height:auto;fill:#fff!important;stroke:#fff!important}.nav-links{display:none;gap:2rem;z-index:1001;transition:opacity .22s}body.menu-open .nav-links{opacity:0;transition:opacity .22s}.nav-links a{position:relative;text-decoration:none;font-weight:500;transition:all .3s;opacity:.8}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.01em;width:0;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-dark));transition:all .3s}.nav-links a:hover{opacity:1;color:#fff}.nav-links a:hover:after{width:100%;transition:all .3s}.hamburger-menu{position:absolute;right:2rem;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001}.hamburger-menu .bar{width:25px;height:1.5px;background-color:#fff;transform-origin:50% 50%;will-change:transform,opacity,y}body.menu-open{overflow:hidden}.icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative;overflow:hidden}.icon-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../assets/icons/frame.svg);background-size:cover;background-position:center;z-index:0}.icon-container>.icon{position:relative;z-index:1}.popup-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:2rem;background-image:url(../assets/nav-bg.jpg);background-size:cover;background-position:center;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.popup-menu.active{display:flex}.popup-menu-link-container{width:calc(100% - 4rem);display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem;position:absolute;top:10rem;left:2rem}.popup-link a{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.03rem;font-size:var(--popup-link-font-size);color:#fff;text-decoration:none;font-weight:600;transition:margin .22s ease;will-change:transform,opacity}.popup-link{transition:margin .22s ease}.popup-link:hover a,.popup-link:focus a{margin-left:5px;transition:margin .22s ease}.popup-link:after{content:"";display:block;width:100%;height:1px;background-color:#ffffff40;margin-top:13px}.popup-link:last-child:after{display:none}.popup-menu-decorations{width:calc(100% - 2rem);position:absolute;bottom:2rem;left:1rem;display:flex;align-items:center;justify-content:space-between}.popup-menu-decorations span,.popup-menu-decorations span a{text-decoration:none!important;color:#fff;font-size:var(--text-font-size);text-wrap:nowrap}.popup-menu-decorations{display:none}footer{position:absolute;box-sizing:border-box;bottom:0;width:100vw;background-color:#ffffff0d;border-top:var(--global-border);padding:2rem;min-height:30rem}.footer-content{position:relative;display:flex;flex-direction:column;gap:2rem}footer .logo-container{display:flex;flex-direction:column;align-items:flex-start}footer .logo{width:120px}footer .slogan{color:#fff6;font-weight:800;font-size:.8rem;transform:translateY(-7.5px) translate(1.5px)}.footer-nav{width:100%;margin:1.5rem 0;gap:1rem;display:flex;flex-direction:column;justify-content:space-between}.footer-nav-link{width:100%;padding-bottom:10px;border-bottom:var(--global-border)}.footer-nav-link a{display:block;width:100%;text-align:right;color:var(--text-color);text-decoration:none;font-weight:600;transition:transform .2s ease}.footer-nav-link:hover a{transform:translate(-2px);color:#fff;transition:transform color .2s ease}.footer-nav-link:nth-last-child(1){border-bottom:none}.legal-links{display:flex;flex-direction:column;align-items:flex-end}.legal-links a{color:#ffffff59;font-weight:600;text-decoration:none}.page-title-large{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--page-title-font-size-large);font-weight:600;line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-align:left;padding-bottom:.5rem;margin-bottom:1.5rem;width:100%;text-align:center;border-bottom:.5px solid rgba(255,255,255,.2)}.page-title-small{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--page-title-font-size-small);font-weight:600;line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-align:center;margin-bottom:2rem;width:100%}.card-title{font-size:var(--card-title-font-size);font-weight:600;margin-bottom:.5rem}body{scrollbar-color:rgba(255,255,255,.25) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}::-webkit-scrollbar-thumb:active{background-color:#ffffff80}.page-title{opacity:0;y:20}.submit-button{display:block;width:100%;margin-top:1rem;text-align:center}@media (min-width: 768px){:root{--text-font-size: 1rem;--small-text-font-size: 1rem;--page-title-font-size-large: 6rem;--page-title-font-size-small: 3rem;--hero-title-font-size: calc(3rem + 1.5vw) ;--section-title-font-size: 2.5rem;--cta-font-size: 1.1rem;--card-title-font-size: 1.7rem;--card-text-font-size: 1rem;--popup-link-font-size: 2rem}.popup-menu{padding:2rem 3rem}.popup-menu-decorations,.nav-links{display:flex}section{padding:2rem 3rem;margin:30vh 0px}.grid-card{padding:2rem}header{padding:2rem 3rem}.nav-logo{left:3rem}.hamburger-menu{right:3rem}.submit-button{display:block;width:100%;max-width:350px;min-width:fit-content;white-space:nowrap;margin-top:1rem;text-align:center}footer{min-height:fit-content;height:15rem!important;padding:2.5rem}.footer-content{position:relative;min-height:20rem;height:fit-content}footer .logo-container{display:flex;flex-direction:column;width:fit-content}footer .logo{width:20rem;margin-bottom:.5rem;transform:translate(-2.5rem)}footer .slogan{font-weight:600;font-style:italic}.footer-nav{width:30%;max-width:50rem;display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;right:0;margin:0}.footer-nav a{text-decoration:none;font-weight:600}.legal-links{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;align-items:flex-end}.legal-links a{color:#ffffff59;font-weight:600;text-decoration:none}.hero-bg{top:0rem;width:70vw;left:15vw}.hero-section{position:unset}.grid{display:grid;gap:2rem;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.projects-section .section-title-container{margin-bottom:2rem}.book-call-card{flex-direction:row!important}.book-call-card .left-side{width:40%!important;padding:4rem!important;border-radius:25px 0 0 25px}.book-call-card .right-side{width:60%!important;padding:4rem!important}.datetime-container{display:grid!important;grid-template-columns:5fr 4fr!important;gap:15px}.time-container{margin:0}.book-call-section{width:100vw;padding:20vh 10vw;margin-bottom:40vh}.projects-section .section-title-container{flex-direction:row-reverse;align-items:flex-end}.page-title-large{text-align:left}.selection-flex{position:relative;flex-wrap:nowrap!important}.project-card-text-container{flex-direction:row}.contact-card{flex-direction:row!important}.contact-card .left-side{width:40%;padding:4rem;border-radius:25px 0 0 25px}.contact-card .right-side{width:60%;padding:4rem}.page-booking .book-call-card{flex-direction:row}.page-booking .book-call-card .left-side{width:40%;padding:4rem;border-radius:25px 0 0 25px}.page-booking .book-call-card .right-side{width:60%;padding:4rem}.page-booking .datetime-container{display:grid;grid-template-columns:5fr 4fr;gap:15px}.page-booking .time-container{margin:0}}@media (min-width: 1000px){:root{--hero-title-font-size: calc(3rem + 3vw) ;--popup-font-size: 4rem}.search-wrapper{position:absolute;margin-left:10%;right:0}}