.header{width:100%;position:sticky;top:0;z-index:50;display:flex;justify-content:space-around;align-items:center;padding:16px;opacity:.8;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#fff}.header .logo{width:auto;display:flex;height:100%;gap:10px;font-weight:600}.header .logo .logo-icon{color:#1173d4}.header .logo .menu-btn{display:none;border:none;background-color:transparent}.header .navbar{display:flex;width:auto;align-items:center;gap:16px}.header .actions{display:flex;gap:10px}.header .actions a{display:flex;align-items:center;justify-content:center;border-radius:8px;gap:10px;padding:8px}.header .actions a.call{background-color:#1173d4}.header .actions a.call:hover{color:inherit;background-color:#1d4ed8}.header .actions a.email{background-color:#e2e8f0}.header .actions a.email:hover{color:inherit;background-color:#cbd5e1}@media(max-width:425px){.header{flex-direction:column;align-items:start;gap:20px;opacity:1}.header .logo{font-size:26px;width:100%}.header .logo .logo-icon{width:50px;height:50px}.header .logo .menu-btn{display:block;margin-left:auto}.header .navbar{font-size:20px;width:100%;justify-content:space-between}.header .actions{width:100%;justify-content:space-around}.header .navbar,.header .actions{display:none}.header .navbar.active,.header .actions.active{display:flex}}.icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.footer{width:100%;background-color:#1e293b;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:15px;padding:20px;gap:10px}.footer .footer-content{height:auto;display:flex;padding:20px 0;justify-content:space-between}.footer .footer-content .info{width:300px;display:flex;flex-direction:column;gap:20px}.footer .footer-content .links{display:flex;flex-direction:column;gap:10px}.footer .footer-content .links a{display:block;width:100%;color:inherit}.footer .footer-content .footer-contact{display:flex;flex-direction:column;gap:10px}.footer .copyright{border-top:1px solid white;width:1200px;padding:20px;text-align:center}.footer .copyright span{display:block;padding-top:10px}@media(max-width:425px){.footer .footer-content{flex-direction:column;gap:20px}.footer .footer-content .info,.footer .footer-content .links,.footer .footer-content .footer-contact{width:100%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:#000}a:hover{color:#1173d4}h1{font-size:60px}h2{font-size:36px}#root{font-size:14px;font-family:Roboto,sans-serif;position:relative;display:flex;flex-direction:column;overflow-x:hidden;width:100dvw;height:100dvh}#root .header{flex:0 0 auto;width:100%}#root .body{flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%}#root .footer{flex:0 0 auto;width:100%}#root .container{width:1200px;padding:0 20px}@media(max-width:1024px){#root .container{width:900px}}@media(max-width:768px){#root .container{width:740px}}@media(max-width:425px){#root .container{width:400px}}@media(max-width:375px){#root .container{width:300px}}@media(max-width:320px){#root .container{width:300px}}.starter{display:flex;background-image:linear-gradient(#00000080,#000000b3),url(/assets/starter-BO_x2ISP.png);background-repeat:no-repeat;background-position:center;background-size:cover;flex-direction:column;color:#fff;min-height:60vh;align-items:center;justify-content:center;gap:20px;width:100%}.starter span{font-size:18px;width:40%;text-align:center}@media(max-width:425px){.starter span{width:70%}}.starter a{background-color:#f97316;color:#fff;padding:16px;border-radius:8px;font-weight:700;font-size:18px}@media(max-width:425px){.starter h1{font-size:35px;text-align:center}.starter span{font-size:15px}}.services{text-align:center;padding:80px 0;display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;width:100%}.services .services-container{margin-top:48px;display:grid;grid-template-columns:1fr;gap:16px;padding:20px}@media(min-width:768px){.services .services-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services .services-container{grid-template-columns:repeat(3,1fr)}}.service{border:1px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s ease;text-align:start;display:flex;flex-direction:column;gap:10px}.service:hover{transform:translateY(-.5rem)}.service .icon{color:#1173d4}.service .icon svg{width:50px;height:50px}.service span{color:#475569;font-size:16px}.about-us{display:flex;justify-content:space-between;padding:80px 20px}.about-us div{width:50%;display:flex;flex-direction:column;gap:20px}.about-us div span{color:#475569;font-size:16px}.about-us div .bold{font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;width:fit-content;color:#000}.about-us div .bold .icon{color:#1173d4;width:40px;height:40px}.about-us .image{border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media(max-width:425px){.about-us{flex-direction:column;gap:30px}.about-us div{width:100%}}.contact{background-color:#f8fafc;width:100%;padding:80px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.contact span{font-size:16px}.contact button{background-color:#1173d4;padding:12px;border-radius:8px;border:1px solid #e5e7eb;width:100%}.input-field{width:100%;display:flex;align-items:center;min-height:40px}.input-field input,.input-field textarea{padding:10px;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin:10px 0;font-size:14px}.input-field textarea{height:80px}.input-field .error{color:red}