:root{--black-opacity-03:rgba(0,0,0,0.3);--black-opacity-008:rgba(0,0,0,0.08);--white-F2F2F7:#F2F2F7;--black-1D1D1F:#1D1D1F;--blue-007AFF:#007AFF;--blue-006EE6:#006EE6;--gray-6E6E73:#6E6E73;--black-2C2C2E:#2C2C2E;--white-F5F5F7:#F5F5F7}main{display:flex;flex-direction:column;align-items:center}.hero-section{margin-top:-108px;width:100%;height:960px;background:linear-gradient(rgba(0,0,0,0.12),rgba(0,0,0,0.3)),url("/static/images/heroimg.webp?d71f47477f73");background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;padding:0 100px 100px 100px}h1{text-align:center;margin:0;margin-top:240px;font-size:64px;line-height:1.2;font-weight:600;color:var(--white);text-shadow:0 0 125px var(--black-opacity-03)}.hero_description{margin:0;margin-top:12px;font-size:24px;line-height:1.5;font-weight:500;text-align:center;color:var(--white);text-shadow:0 0 75px var(--black-opacity-03);max-width:809px}.services_block{margin-top:200px;max-width:1160px;width:100%;display:flex;justify-content:center;align-items:flex-start;gap:48px}.service_block{height:auto;position:relative;border-radius:24px;overflow:hidden}.service_block_background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6;background-color:var(--black-opacity-008);backdrop-filter:blur(30px)}.service_block_border{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6;backdrop-filter:blur(45px)}.service_block_border::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.01));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.service_block_text{position:relative;z-index:3;padding:21px 24px}.service_heading{margin:0 auto 10px 0;font-size:24px;line-height:1.2;font-weight:600;color:var(--white)}.service_description{margin:0;max-width:455px;width:100%;font-size:18px;line-height:1.5;font-weight:400;color:var(--white-F2F2F7)}.service_description.webapp{max-width:529px}.contact_section{display:flex;justify-content:center;align-items:flex-start;gap:24px;margin-top:82px;width:100%;padding:0 100px}.contact_heading{margin:0 auto 14px 0;font-size:43px;line-height:1.3;font-weight:600;color:var(--black-1D1D1F)}.contact_heading span{color:var(--blue-007AFF)}.contact_p{margin:0 auto 24px 0;font-size:18px;line-height:1.5;font-weight:400;color:var(--gray-6E6E73);max-width:608px}.contact_link{max-width:195px;display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:18px;line-height:1.5;font-weight:500;color:var(--black-1D1D1F);text-decoration:none;transition:color 0.3s ease}.contact_link_icon{width:42px;height:42px;display:flex;justify-content:center;align-items:center;border:solid 1px var(--gray-6E6E73);border-radius:12px;transition:background-color 0.3s ease,border 0.3s ease}.contact_link_icon svg path{transition:fill 0.3s ease}.contact_link:hover{color:var(--blue-007AFF)}.contact_link:hover .contact_link_icon{background-color:var(--blue-007AFF);border:none}.contact_link:hover .contact_link_icon svg path{fill:var(--white)}.contact_form_wrapper{max-width:608px;width:100%}.contact-form{display:flex;flex-direction:column;align-items:stretch}.input-field,.textarea-field{max-width:608px;width:100%;height:52px;padding:13px 16px;border:solid 1px var(--gray-6E6E73);border-radius:12px;margin-bottom:20px;font-size:17px;font-family:'Plus Jakarta Sans';line-height:1.5;font-weight:500;color:var(--black-2C2C2E);background-color:transparent;transition:background-color 0.3s ease}.textarea-field{resize:none;height:156px;margin-bottom:16px}.input-field:focus,.textarea-field:focus{outline:none;background-color:var(--white)}.form-field.checkbox-container{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:20px}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:20px;height:20px;border:1px solid var(--gray-6E6E73);border-radius:4px;background:transparent;cursor:pointer;position:relative;outline:none;flex-shrink:0}.checkbox-input:checked{background-color:var(--blue-007AFF);border-color:var(--blue-007AFF)}.checkbox-input:checked::after{content:"";position:absolute;left:6.5px;top:1.5px;width:6px;height:11px;border:solid var(--white-F5F5F7);border-width:0 2px 2px 0;transform:rotate(45deg);cursor:pointer}.no-reccomendation-text{font-size:16px;line-height:1.5;font-weight:400;color:var(--gray-6E6E73)}.form-submit-btn{cursor:pointer;border:0;margin:0 auto;font-size:17px;line-height:1.2;font-weight:600;color:var(--white);padding:12px 24px;background-color:var(--blue-007AFF);border-radius:12px;transition:background-color 0.3s ease}.form-submit-btn:hover{background-color:var(--blue-006EE6)}@media (max-width:1034px){.hero-section{height:1024px}h1{font-size:43px}.hero_description{margin-top:18px;font-size:20px}.services_block{margin-top:100px;flex-direction:column;align-items:stretch;gap:14px}.service_description{max-width:100%;font-size:clamp(16px,72vw,18px)}.service_description.webapp{max-width:100%}.contact_section{flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;padding:0 40px}}@media (max-width:896px){.hero-section{margin-top:-112px;height:1024px;padding:0 40px 40px 40px}}@media (max-width:596px){.hero-section{height:1240px}h1{margin-top:163px;font-size:40px;line-height:1.25}.hero_description{margin-top:16px;font-size:18px;line-height:1.5}.service_block_text{padding:24px 20px}.service_heading{font-size:22px;line-height:1.25}.service_description{font-size:16px;line-height:1.5}}@media (max-width:426px){.hero-section{margin-top:-84px;padding:0 20px 20px 20px}.contact_section{padding:0 20px}.contact_heading{margin:0 auto 8px 0;font-size:26px;line-height:1.35}.contact_p{margin:0 auto 12px 0;font-size:17px;line-height:1.5}.contact_link{max-width:186px;font-size:17px}.contact_form_wrapper{max-width:385px}.input-field,.textarea-field{padding:14px 16px;line-height:1.4}.textarea-field{margin-bottom:20px}.form-field.checkbox-container{gap:8px}.checkbox-input::before{content:"";position:absolute;top:-12px;bottom:-12px;left:-12px;right:-12px;background-color:transparent}.no-reccomendation-text{font-size:17px;line-height:1.4}}@media (max-width:391px){.no-reccomendation-text{font-size:16px;line-height:1.4}}@media (max-width:369px){.no-reccomendation-text{font-size:15px;line-height:1.4}}@media (max-width:349px){.no-reccomendation-text{font-size:14px;line-height:1.4}}@media (max-width:331px){.no-reccomendation-text{font-size:13px;line-height:1.4}}