@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Sora:wght@100..800&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";header{border:1px solid var(--text-accent);border-radius:var(--button-radius);justify-content:space-between;align-items:center;margin:.5em;display:flex}header .logo{justify-content:center;align-items:center;width:fit-content;display:flex}header .logo .logo-typo{padding-left:.5em}header .logo .logo-typo h3,header .logo .logo-typo h5{margin:0}header .logo .logo-typo h3{text-transform:uppercase;font-size:1.5em}header .logo .logo-typo h5{font-size:.9em}header .logo img{width:5em;padding:1em 0 1em 1em}header nav{font-weight:500;display:none}header>a{display:none}@media (width>=64em){header{justify-content:space-between}header>a{color:var(--text-basic);background-color:var(--text-dark-accent);border-radius:var(--round-radius);margin-right:2em;padding:1em 1.2em;font-weight:600;text-decoration:none;display:block}header nav{align-items:center;height:fit-content;display:flex}header nav div{gap:3em;display:flex}header nav div a{color:var(--bg-dark);text-transform:uppercase;text-decoration:none}header nav div a:hover{color:var(--text-dark-accent)}}footer{border-radius:var(--button-radius);border:1px solid var(--text-accent);margin:.5em .5em 1em}footer .footer-contacts,footer .footer-social{margin-bottom:2em;margin-left:2em;margin-right:2em}footer .footer-contacts>a{aspect-ratio:1;width:4em;color:var(--text-basic);border-radius:var(--round-radius);z-index:3;background-color:#25d366;justify-content:center;align-items:center;padding:.2em;display:flex;position:fixed;bottom:2em;right:2em}footer .footer-contacts>a>svg{max-width:2.5em}footer .footer-contacts>div,footer .footer-social>div{flex-direction:column;gap:1em;display:flex}footer .footer-contacts>div>a,footer .footer-social>div>a{color:var(--bg-dark);align-items:center;gap:.5em;width:fit-content;text-decoration:none;display:flex}footer .footer-credits{text-align:center;flex-direction:column;flex:1;gap:1em;margin-bottom:1em;display:flex}footer .footer-credits p{margin:0}footer .footer-credits a{color:var(--bg-dark)}@media (width>=64em){footer{grid-template-columns:80% 20%;display:grid}footer .footer-contacts{grid-column:1}footer .footer-contacts>a{width:5em}footer .footer-contacts>a>svg{max-width:3em}footer .footer-social{grid-column:2}footer .footer-credits{grid-column:span 2;margin-top:3em}footer .footer-contacts h3,footer .footer-social h3{margin-top:2em}}:root{--button-radius:6px;--card-radius:12px;--img-radius:8px;--nav-radius:20px;--round-radius:60px;--title-font:"Montserrat", sans-serif;--text-font:"Inter", sans-serif;--code-font:"Space Mono", monospace;--second-font:"Sora", sans-serif;--third-font:"Outfit", sans-serif;--forth-font:"JetBrains Mono", monospace;--text-space:.05em;--text-accent:#04c3f6;--text-dark-accent:#0d9ae8;--text-basic:#f8fafc;--text-bento:#f9f9fb;--text-flat:white;--bg-dark:#002f5d;--shadow-color:#4f5f7259}html{scroll-behavior:smooth}body{background-color:var(--text-basic);color:var(--bg-dark);margin:0;padding:0;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--title-font)}p,a{font-family:var(--text-font)}.main-home .hero{border:1px solid var(--text-accent);border-radius:var(--button-radius);border-radius:var(--button-radius);margin:.5em}.main-home .hero .hero-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2em;padding:2em;display:flex}.main-home .hero .hero-text h1{margin:0;font-size:clamp(1.3em,6.5vw,3em)}.main-home .hero .hero-text h2{margin:0;font-size:clamp(1.1em,4.5vw,2em);font-weight:500}.main-home .hero .hero-text a{background-color:var(--text-accent);border-radius:var(--round-radius);width:fit-content;color:var(--text-basic);text-transform:uppercase;font-weight:600;font-family:var(--title-font);padding:1em 1.5em;text-decoration:none}.main-home .hero .hero-image{flex-direction:row;justify-content:flex-end;display:flex;position:relative}.main-home .hero .hero-image img{z-index:2;border-bottom-right-radius:var(--button-radius);width:15em;margin-top:1em}.main-home .hero .hero-image:before{content:"";clip-path:polygon(0 0,100% 10%,90% 100%,10% 90%);z-index:1;background:#cce5ff;width:clamp(60%,20vw,100%);height:100%;position:absolute;bottom:0}.main-home .intro-section{border:1px solid var(--text-accent);border-radius:var(--button-radius);flex-direction:column;margin:.5em;display:flex}.main-home .intro-section h2{text-align:center;text-transform:uppercase;margin-top:2em;margin-bottom:1.5em}.main-home .intro-section .intro-content{margin-bottom:2em;padding-left:3em;padding-right:3em}.main-home .intro-section .intro-content .intro-text p{font-size:1.1em}.main-home .intro-section .intro-content .intro-cta{text-align:center;background-color:var(--text-accent);color:var(--text-basic);border-radius:var(--button-radius);flex-direction:column;align-items:center;gap:.5em;margin-top:3em;margin-bottom:1.5em;padding:1em 1em 2em;display:flex}.main-home .intro-section .intro-content .intro-cta a{color:var(--bg-dark);text-transform:uppercase;font-weight:700;font-family:var(--title-font);background-color:var(--text-basic);border-radius:var(--round-radius);margin-bottom:1em;padding:1em 2em;text-decoration:none}.main-home .intro-section .intro-content .intro-cta h3{line-height:2em}.main-home .service-section{border:1px solid var(--text-accent);border-radius:var(--button-radius);flex-direction:column;align-items:center;margin:.5em;display:flex}.main-home .service-section>h2{text-transform:uppercase;margin-top:2em;margin-bottom:1.5em}.main-home .service-section .service-list .service>h4{max-width:20em;font-size:1.2em}.main-home .service-section .service-list{flex-wrap:wrap;justify-content:center;gap:3em;margin-top:2em;margin-bottom:4em;display:flex}.main-home .service-section .service-list .service{text-align:center;flex-direction:column;align-items:center;gap:.5em;width:80%;max-width:30em;height:max-content;display:flex}.main-home .service-section .service-list .service svg{color:var(--text-dark-accent)}.main-home .service-section .service-list .service p{font-family:var(--third-font);max-width:20em;font-size:1.2em;line-height:1.5em}.main-home .project-section{border:1px solid var(--text-accent);border-radius:var(--button-radius);flex-direction:column;justify-content:center;align-items:center;min-height:fit-content;margin:.5em;display:flex}.main-home .project-section h2{text-transform:uppercase;margin-top:2em;margin-bottom:1.5em}.main-home .project-section>h3{border-bottom:1px solid var(--bg-dark);margin-bottom:2.5em}.main-home .project-section>h3:last-of-type{margin-top:2.5em}.main-home .project-section .project-list,.main-home .project-section .maintain-list{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em;margin-bottom:2em;display:flex}.main-home .project-section .maintain-list{margin-bottom:4em}.main-home .project-section .project-list .project,.main-home .project-section .maintain-list .project{background-color:var(--text-basic);border-radius:var(--button-radius);box-shadow:0px 0px 10px var(--shadow-color);max-width:500px;max-height:331px;color:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;margin-left:2em;margin-right:2em;text-decoration:none;display:flex}.main-home .project-section .project-list .project:hover,.main-home .project-section .maintain-list .project:hover{color:var(--text-dark-accent)}.main-home .project-section .project-list .project img,.main-home .project-section .maintain-list .project img{border-radius:var(--button-radius) var(--button-radius) 0 0;width:100%}.main-home .project-section .project-list .project .project-description,.main-home .project-section .maintain-list .project .project-description{display:none}.main-home .contact-section{border:1px solid var(--text-accent);border-radius:var(--button-radius);flex-direction:column;justify-content:center;align-items:center;gap:2em;margin:.5em;display:flex}.main-home .contact-section h2{text-transform:uppercase;text-align:center;margin-top:2em}.main-home .contact-section .meeting{flex-direction:column;align-items:center;display:flex}.main-home .contact-section .meeting h3{border-bottom:1px solid var(--bg-dark);width:fit-content;margin-bottom:2em}.main-home .contact-section .calendly{flex-direction:column;align-items:center;margin-bottom:2em;display:flex}.main-home .contact-section .calendly .calendly-inline-widget{width:fit-content;height:40vh}.main-home .contact-section .calendly .calendly-placeholder{box-shadow:0px 0px 10px var(--shadow-color);border-radius:var(--card-radius);flex-direction:column;justify-content:center;align-items:center;gap:2em;margin-left:2em;margin-right:2em;padding:1.5em 2.5em;display:flex}.main-home .contact-section .calendly .calendly-placeholder p{text-align:center;font-size:1.2em;font-weight:600}.main-home .contact-section .calendly .calendly-placeholder>button{background-color:var(--text-accent);border-radius:var(--round-radius);width:fit-content;color:var(--text-basic);text-transform:uppercase;font-weight:600;font-family:var(--title-font);cursor:pointer;border:none;align-items:center;gap:.5em;margin-bottom:1.5em;padding:1em 1.5em;display:flex}.main-home .contact-section .calendly .calendly-placeholder>button>svg{color:var(--text-basic)}.main-home .contact-section .contact-form{flex-direction:column;align-items:center;width:100%;display:flex}.main-home .contact-section .contact-form h3{border-bottom:1px solid var(--bg-dark);width:fit-content;margin-bottom:2em}.main-home .contact-section .contact-form form{flex-direction:column;gap:1em;width:80%;max-width:30em;margin-bottom:4em;display:flex}.main-home .contact-section form>div{flex-direction:column;display:flex;position:relative}.main-home .contact-section form>div:last-of-type{flex-direction:row;align-items:center;gap:.5em;display:flex}.main-home .contact-section form>div>label{text-transform:uppercase;font-family:var(--title-font);color:var(--bg-dark);margin-bottom:.4em;font-size:.9em;font-weight:600}.main-home .contact-section form>div:last-of-type>label{margin:0}.main-home .contact-section form>div>input,.main-home .contact-section form>div>textarea{border-radius:var(--button-radius);font-family:var(--title-font);background:var(--text-basic);caret-color:var(--bg-dark);color:var(--bg-dark);border:1px solid #ccc;padding:.6em .75em .6em 2.5em;font-size:1em;transition:border-color .2s}.main-home .contact-section form>div>input:focus,.main-home .contact-section form>div>textarea:focus{border-color:var(--text-accent);outline:none}.main-home .contact-section form>div>input::placeholder,.main-home .contact-section form>div>textarea::placeholder{color:#aaa;font-family:var(--title-font)}.main-home .contact-section form>div>svg{color:#aaa;pointer-events:none;height:1.4em;transition:color .2s;position:absolute;bottom:0;left:.65em}.main-home .contact-section form>div>label~svg{bottom:.6em}.main-home .contact-section form>div:focus-within>svg{color:var(--text-accent)}.main-home .contact-section form>div>textarea{resize:none;field-sizing:content;min-height:6em}.main-home .contact-section form>div>textarea~svg{height:1.5em;top:1.8em;bottom:auto}.main-home .contact-section form>div:last-of-type>input:checked{accent-color:var(--text-accent)}.main-home .contact-section form>button{background-color:var(--text-accent);width:100%;color:var(--text-basic);border-radius:var(--button-radius);font-family:var(--title-font);text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75em;margin-top:.5em;padding:.85em .5em;font-size:1em;font-weight:600;transition:opacity .2s;display:flex}.main-home .contact-section form>button:hover{opacity:.85}.main-home .about-section{border:1px solid var(--text-accent);border-radius:var(--button-radius);height:50vh;margin:.5em}@media (width>=64em){.main-home .hero{justify-content:space-between;display:flex}.main-home .hero .hero-text{text-align:start;justify-content:flex-start;align-items:flex-start}.main-home .hero .hero-image img{width:20em}.main-home .intro-section .intro-content{grid-template-columns:1fr .5fr;gap:10%;padding-left:1.5em;display:grid}.main-home .intro-section .intro-content .intro-text{flex-direction:column;justify-content:center;display:flex}.main-home .intro-section .intro-content .intro-text p{margin:.7em;font-size:1.3em;font-weight:500}.main-home .intro-section .intro-content .intro-cta{width:70%;margin:2em 0}.main-home .project-section{gap:2em}.main-home h2{font-size:1.8em}.main-home .project-section>h3{font-size:1.7em}.main-home .contact-section{grid-template-columns:repeat(2,1fr);display:grid}.main-home .contact-section h2{grid-column:span 2}.main-home .contact-section .meeting{grid-column:1}.main-home .contact-section .contact-form{grid-column:2}.main-home .contact-section .contact-form form>div{width:100%}}.main-notfound{border:1px solid var(--text-accent);border-radius:var(--button-radius);flex-direction:column;justify-content:center;align-items:center;min-height:60vh;margin:.5em;display:flex}.main-notfound>h1{background:linear-gradient(90deg,#06e0d5,#0892e4);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1em;margin-bottom:.5em;font-size:5em;display:inline-block}.main-notfound>img{width:10em}.main-notfound>p{font-size:2.2em;font-weight:600;font-family:var(--title-font);margin-top:0;margin-bottom:1.5em}.main-notfound>a{color:var(--text-basic);text-transform:uppercase;font-weight:600;font-family:var(--title-font);border-radius:var(--round-radius);background:linear-gradient(90deg,#06e0d5,#0892e4);align-items:center;gap:.5em;margin-bottom:4em;padding:1em 2em;text-decoration:none;transition:all .2s;display:flex}.main-notfound>a:hover{filter:brightness(1.1);transform:translateY(-2px)}.main-notfound>a>svg{color:var(--text-basic)}