*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--shade-1: #f2f2f2;--shade-2: #d9d9d9;--shade-3: #bfbfbf;--shade-4: #a6a6a6;--shade-5: #8c8c8c;--shade-6: #737373;--shade-7: #595959;--shade-8: #404040;--shade-9: #0d0d0d;--shade-10: #000000;--main: #4764cd;--main-hover: #2449ce}body{font-family:Lato,sans-serif;background:var(--shade-1);color:var(--shade-9)}body.dark{background:var(--shade-9);color:var(--shade-4)}a{text-decoration:none;color:var(--shade-8);font-weight:500}a:hover{text-decoration:underline}.dark a{color:var(--shade-4)}.container{width:95%;max-width:1200px;margin:auto}.button{background:var(--main);color:#fff;border:none;cursor:pointer;border-radius:100px;font-weight:500;padding:14px 20px;display:flex;gap:10px;align-items:center;transition:.3s ease all;text-decoration:none}.button:hover{background:var(--main-hover);text-decoration:none}.dark .button{color:#fff}.clients,.projects{display:flex;flex-direction:column;gap:40px;align-items:center;padding:60px 20px}:is(.clients,.projects) .headline{display:flex;flex-direction:column;gap:14px;align-items:center}:is(.clients,.projects) .headline .title{color:var(--shade-8);font-size:22px;font-weight:700}.dark :is(:is(.clients,.projects) .headline .title){color:var(--shade-2)}:is(.clients,.projects) .headline .subtitle{font-size:16px;color:var(--shade-6)}.dark :is(:is(.clients,.projects) .headline .subtitle){color:var(--shade-4)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:40px 0}.header .logo{display:flex;flex-direction:column;gap:5px}.header .logo .title{font-size:34px;color:var(--shade-8)}.dark :is(.header .logo .title){color:var(--shade-1)}.header .logo .subtitle{font-size:16px;color:var(--shade-7);font-weight:400}.dark :is(.header .logo .subtitle){color:var(--shade-1)}.header .navbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px}@media screen and (max-width: 768px){.header .logo{grid-column:1 / -1;text-align:center}.header .navbar{grid-column:span 2;justify-content:flex-start;gap:15px}}@media screen and (max-width: 576px){.header{display:flex;flex-direction:column;align-items:center}}.dark-mode{background:var(--shade-2);display:flex;justify-content:flex-end;align-items:center;border-radius:100px;overflow:hidden;cursor:pointer}.dark-mode input{display:none}.dark-mode .icon{padding:7px 12px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:var(--shade-7)}.dark-mode .icon.active{background:#072537;border:3px solid var(--shade-2)}.dark-mode .icon.sun.active svg{color:#dbff00}.dark-mode .icon.moon.active svg{color:#fff}.hero{background-image:url(/assets/hero-bg-CH29UR7m.png);background-size:cover;border-radius:20px;overflow:hidden;color:#fff;position:relative;padding:120px 80px}.hero .content{position:relative;z-index:2;width:50vw;display:flex;flex-direction:column;gap:20px}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#062334,#1d417d4d);z-index:1}.hero .video-container{position:absolute;left:0;top:0;width:100%;height:100%}.hero .video-container .video{width:100%;height:100%;object-fit:cover}.hero .title{font-family:Lato,sans-serif;font-size:50px;font-weight:700;color:#fff}.hero .title span{display:block}.hero .subtitle{line-height:26px;color:var(--shade-3)}.hero .buttons{display:flex;gap:10px}.hero .buttons .button.transparent{background:#ffffff1a}.hero .buttons .button.transparent:hover{background:#ffffff26}@media screen and (max-width: 576px){.hero .buttons{flex-direction:column;align-items:center}.hero .buttons .button{width:100%;justify-content:center}}@media screen and (max-width: 992px){.hero{padding:40px}.hero br{display:none}.hero .content{width:100%;text-align:center}.hero .title{font-size:32px}.hero .buttons{justify-content:center}}.clients .logos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.clients .logos .logo{border-radius:5px;max-width:180px;width:100%}@media screen and (max-width: 768px){.clients .logos .logo{max-width:130px}}.projects .filters{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.projects .filters label{display:flex}.projects .filters .option{padding:10px 20px;border-radius:100px;cursor:pointer;border:1px solid var(--shade-3);color:var(--shade-6)}.dark :is(.projects .filters .option){color:var(--shade-4);border:1px solid var(--shade-7)}.projects .filters input[type=radio]{display:none}.projects .filters input[type=radio]:checked+.option{background:var(--main);color:#fff;border:1px solid transparent}@media screen and (max-width: 992px){.projects .filters{gap:10px}}.projects .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 20px}@media screen and (max-width: 768px){.projects .grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 576px){.projects .grid{grid-template-columns:repeat(2,1fr)}}.projects .grid .project .thumb{width:100%;display:inline-block;border-radius:5px;overflow:hidden;margin-bottom:10px}.projects .grid .project .thumb img{width:100%;vertical-align:top;transform:scale(1.1);transition:.5s ease all}.projects .grid .project:hover img{transform:scale(1)}.projects .grid .project .info{display:flex;gap:10px;justify-content:space-between;align-items:center}.projects .grid .project .info .name{display:inline-block;color:var(--shade-10);font-size:16px;font-weight:600;margin-bottom:5px}.dark :is(.projects .grid .project .info .name){color:var(--shade-2)}.projects .grid .project .info .category{font-size:14px;color:var(--shade-6)}.projects .grid .project .info .btn-go{background:none;border:none;cursor:pointer;display:flex;align-items:center;width:30px;height:30px}.projects .grid .project .info .btn-go svg{width:100%;color:var(--main);transition:.3s ease all}