* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
img {border:0;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background:#0f1620; font: 16px 'Lato', Arial, Helvetica, sans-serif; color:#E2E8F0;}
h1, h2, h3 { color: #ffffff; }
.container { max-width:1190px; min-width:320px; margin:0 auto; padding:0 10px; position:relative;}
ul {list-style:none;}
a {}


header {height: 70px; background: #1a2332; border-bottom: 1px solid rgba(255,255,255,0.14);}
.logo {position:absolute; left:10px; top:22px; font-weight: 900; font-size: 20px; line-height: 130%; text-decoration: none; text-transform: uppercase; color: #fff;}
.tel {position: absolute; right: 10px; top: 20px; text-align: right;}
.tel a {font-weight: bold; font-size: 24px; text-decoration: none; color: #fff; line-height: 130%;}
.tel p {font-weight: 500; font-size: 14px; line-height: 130%; opacity: .6; color: #fff;}


.main-bg {background: radial-gradient(ellipse 65% 60% at 85% -10%, rgba(232,114,12,.22) 0%, transparent 65%), linear-gradient(180deg, #1a2332 0%, #0f1620 100%); min-height: 500px; color: #fff; overflow: hidden;}
.main-bg .container {padding: 90px 10px; display: flex; align-items: center; justify-content: space-between; gap: 50px;}
.main-bg h1 {margin-bottom: 20px; color: #fff;}
.main-bg p {font-size: 22px; line-height: 130%; margin-bottom: 24px; font-weight: 600; color: #94A3B8;}
.hero-text {flex: 1 1 480px;}
.hero-img-wrap {flex: 1 1 420px; max-width: 480px;}
.hero-img-wrap img {display: block; width: 100%; height: 400px; object-fit: cover; border-radius: 20px; border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 25px 60px rgba(0,0,0,0.45);}

.icons-wrap {background: rgba(255,255,255,0.04); border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); padding: 50px 0 35px 0; margin-bottom: 70px;}
.icons-wrap ul {display: flex; flex-wrap: wrap;}
.icons-wrap ul li {width: 25%; text-align: center; font-weight: 600; font-size: 20px; line-height: 130%; padding-bottom: 40px; color: #E2E8F0;}
.icons-wrap ul li div {height: 75px; display: flex; justify-content: center; align-items: center;}

h1 {font-weight: 800; font-size: 64px; line-height: 110%;}
h2, h3 {font-weight: 800; font-size: 36px; line-height: 130%; text-align: center;}


footer {background: #0f1620; border-top: 1px solid rgba(255,255,255,0.14); min-height: 70px;}
footer ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 70px;}
footer li {font-size: 14px; line-height: 130%; padding: 0 10px;}
footer li a {color: #fff; text-decoration: none;}
footer li a:hover {text-decoration: underline;}

.tel2 {position: absolute; right: 10px; top: 18px;}
.tel2 a {font-weight: bold; font-size: 24px; text-decoration: none; color: #fff; line-height: 130%;}

.bottom-box {padding: 120px 0; text-align: center;}
.bottom-box h3 {font-size: 36px; font-weight: 500; line-height: 130%; margin-bottom: 35px;}


.button-1 {transition: none; display: inline-block; padding: 0 20px; height: 60px; cursor: pointer; background: linear-gradient(135deg, #ff9d4d 0%, #e8720c 100%); border: 1px solid rgba(255,255,255,0.5); border-radius: 50px; color: #1a0f00; font-weight: bold; text-decoration: none; font-size: 24px; line-height: 58px; text-align: center; min-width: 270px; box-shadow: 0 10px 25px rgba(232,114,12,0.3);}
.button-1:hover {filter: brightness(1.08);}

.services-list {margin-bottom: 80px;}
.services-list h2 {margin-bottom: 20px;}
.services-list p {font-weight: 600; font-size: 20px; line-height: 130%; margin-bottom: 60px; text-align: center;}
.services-list ul {display: flex; flex-wrap: wrap;}
.services-list ul li {width: calc(100% / 6); text-align: center; font-weight: 600; font-size: 14px; line-height: 130%; text-transform: uppercase; padding: 0 10px 30px 10px;}
.services-list ul li img {display: block; width: 36px; height: 36px; margin: 0 auto 12px auto;}

.stats-box {background: linear-gradient(135deg, #1a2332 0%, #232f42 100%); border: 1px solid rgba(255,255,255,0.14); border-radius: 22px; padding: 80px 60px; box-shadow: 0 25px 60px rgba(0,0,0,0.35);}
.stats-box h2 {color: #fff;}
.stats-box h2 {margin-bottom: 40px;}
.stats-box ul {margin: 0 -10px; display: flex;}
.stats-box ul li {background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; color: #E2E8F0; min-height: 260px; text-align: center; display: flex; justify-content: center; margin: 0 10px; font-size: 16px; line-height: 130%; flex: 1; display: flex; align-items: center;}
.stats-box ul li div {width: 100%; padding: 20px;}
.stats-box ul li span {height: 100px; display: block;}
.stats-box ul li strong {display: block; font-size: 20px; line-height: 140%; margin-bottom: 5px; color: #ff9d4d;}

.trust-panel {display: flex; align-items: stretch; gap: 0; margin-bottom: 80px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 22px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.35);}
.trust-panel-img {flex: 1 1 420px;}
.trust-panel-img img {display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover;}
.trust-panel-text {flex: 1 1 420px; padding: 50px;}
.trust-panel-text h2 {text-align: left; margin-bottom: 20px;}
.trust-panel-text ul {list-style: none;}
.trust-panel-text li {padding: 10px 0 10px 32px; position: relative; font-size: 16px; line-height: 1.5; color: #E2E8F0;}
.trust-panel-text li::before {content: '\2713'; position: absolute; left: 0; top: 10px; color: #ff9d4d; font-weight: bold; font-size: 18px;}

#legal {max-width: 500px; margin: 0 auto; padding: 20px 0 30px 0; text-align: center; color: #ffffff;}
#legal>p {margin-bottom: 20px; font-size: 12px;}
#legal>p>a {display: block; margin-bottom: 5px; color: #ffffff;}

.lead-form-wrap {background: linear-gradient(135deg, #1a2332 0%, #232f42 100%); border: 1px solid rgba(255,255,255,0.14); border-radius: 22px; padding: 60px; margin-bottom: 80px; box-shadow: 0 25px 60px rgba(0,0,0,0.35);}
.lead-form-wrap h2 {margin-bottom: 14px;}
.lead-form-wrap > p {text-align: center; font-weight: 600; font-size: 18px; color: #94A3B8; margin-bottom: 40px;}
.lead-form {max-width: 700px; margin: 0 auto;}
.lead-form-row {display: flex; gap: 20px; margin-bottom: 18px;}
.lead-form-field {flex: 1;}
.lead-form-field-full {margin-bottom: 18px;}
.lead-form label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; color: #E2E8F0;}
.lead-form input[type="text"], .lead-form input[type="tel"], .lead-form input[type="email"], .lead-form select, .lead-form textarea {width: 100%; padding: 14px 16px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); border-radius: 10px; color: #fff; font-size: 15px; transition: border-color 0.2s ease, background 0.2s ease;}
.lead-form input::placeholder, .lead-form textarea::placeholder {color: #6b7a90;}
.lead-form input:focus, .lead-form select:focus, .lead-form textarea:focus {border-color: #ff9d4d; background: rgba(255,255,255,0.09);}
.lead-form select {appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center;}
.lead-form select option {background: #1a2332; color: #fff;}
.lead-form textarea {resize: vertical;}
.lead-form-honeypot {position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;}
.lead-form-consent {display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.6; color: #94A3B8; font-weight: 400; margin-bottom: 28px; cursor: pointer;}
.lead-form-consent input {margin-top: 3px; width: 16px; height: 16px; flex-shrink: 0;}
.lead-form button[type="submit"] {display: block; width: 100%;}
.lead-form-status {margin-top: 16px; text-align: center; font-weight: 600; font-size: 15px;}
.lead-form-status.success {color: #ff9d4d;}
.lead-form-status.error {color: #ff8a8a;}

/*Clear & Animation*/
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; content:''; display:block;}
a, button {transition:all 0.2s ease-in-out;}

/*Responsive*/
@media (max-width: 1210px) {
    .container {max-width:1000px;}
    .main-bg {min-height: 420px;}
    .main-bg h1 { font-size: 48px;}
    .services-list ul li {width: calc(100% / 4);}

    .stats-box {padding: 60px 10px;}
}

@media (max-width: 999px) {
    .container {max-width:768px;}

    .main-bg {min-height: 1px;}
    .main-bg .container {padding: 60px 10px 40px; flex-direction: column; text-align: center;}
    .main-bg h1 {max-width: 100%;}
    .hero-img-wrap {max-width: 100%; order: -1;}
    .hero-img-wrap img {height: 260px; margin-bottom: 20px;}
    .services-list ul li {width: calc(100% / 3);}
    .icons-wrap ul li {width: 50%;}

    .trust-panel {flex-direction: column;}
    .trust-panel-img img {min-height: 220px;}
    .trust-panel-text {padding: 30px;}
    .trust-panel-text h2 {text-align: center;}
}

@media (max-width: 767px) {

    header {height: 60px;}
    .logo {font-size: 16px; top: 19px;}
    .tel {top: 15px;}
    .tel a {font-size: 20px;}

    .main-bg .container {padding: 40px 10px;}
    .main-bg h1 {font-size: 32px;}
    .main-bg p {font-size: 20px;}

    h2, h3 {font-size: 30px;}

    footer {text-align: center; height: auto; padding: 20px 0;}
    footer ul {height: auto; margin: 5px 0;}
    footer li {padding: 5px 10px;}
    footer .logo, footer .tel2 {position: static;}

    .bottom-box {padding: 80px 0;}
    .bottom-box h3 {font-size: 30px;}

    .icons-wrap {padding: 40px 0 0 0;}

    .services-list ul li {width: calc(100% / 2);}

    .stats-box ul {display: block; margin: 0;}
    .stats-box ul li {margin: 0 0 10px 0;}
    .stats-box {margin: 0 -10px}

    .lead-form-wrap {padding: 30px 20px; margin: 0 -10px 60px -10px; border-radius: 0;}
    .lead-form-row {flex-direction: column; gap: 0;}

}

@media (max-width: 480px) {
    .icons-wrap ul li {width: 100%;}
}