:root{--color-bg:#f4f6f8;--color-white:#fff;--color-primary:#0f2f52;--color-primary-hover:#17406d;--color-text:#1f2937;--color-text-light:#4b5563;--color-border:#d9e1e8;--shadow-card:0 10px 30px #0f2f520f;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--container-width:1280px;--transition:.25s ease}*{box-sizing:border-box}body{color:#1f2933;background:#f5f7f9;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 32px);margin:0 auto}.header{background:#fff;border-bottom:1px solid #d9e1e8}.header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.logo{color:#0f2f4a;font-size:20px;font-weight:700}.nav{color:#44515f;gap:24px;font-size:15px;display:flex}.nav a:hover{color:#0f2f4a}.nav__link{padding-bottom:4px;position:relative}.nav__link--active{color:#0f2f4a;font-weight:600}.nav__link--active:after{content:"";background:#0f2f4a;border-radius:10px;width:100%;height:2px;position:absolute;bottom:0;left:0}.hero{padding:96px 0}.hero__content{max-width:760px}.hero__title{color:#111827;margin:0 0 24px;font-size:64px;font-weight:700;line-height:1.05}.hero__text{color:#4b5563;margin:0 0 40px;font-size:22px;line-height:1.6}.hero__actions{gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;height:52px;padding:0 28px;font-size:16px;font-weight:600;transition:all .2s}.btn--primary{color:#fff;background:#0f2f4a}.btn--primary:hover{background:#133b5d}.btn--secondary{color:#0f2f4a;background:#fff;border:1px solid #cfd8e3}.btn--secondary:hover{background:#f3f6f9}.section{background:#fff;padding:72px 0}.section__title{color:#111827;margin:0 0 32px;font-size:36px}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:#f5f7f9;border:1px solid #d9e1e8;border-radius:16px;min-height:220px;padding:28px}.card h3{color:#0f2f4a;margin:0 0 16px;font-size:22px}.card p{color:#4b5563;margin:0;font-size:17px;line-height:1.6}.section--muted{background:#f5f7f9}.direction-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.direction-card{color:#0f2f4a;background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:24px;font-size:18px;font-weight:600}.steps{background:#fff;padding:90px 0}.steps__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.step-card{background:#f8fafc;border:1px solid #dbe3ee;border-radius:16px;padding:28px;transition:all .2s}.step-card:hover{border-color:#0f2d52;transform:translateY(-4px)}.step-card__number{color:#fff;background:#0f2d52;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-weight:700;display:flex}.step-card h3{color:#111827;margin-bottom:14px;font-size:22px}.step-card p{color:#4b5563;line-height:1.6}.lead-form{background:#fff;padding:90px 0}.lead-form__box{grid-template-columns:380px 1fr;align-items:start;gap:60px;display:grid}.lead-form__text{color:#4b5563;font-size:18px;line-height:1.7}.form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form input,.form textarea{background:#f8fafc;border:1px solid #d9e1e8;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-size:16px}.form input:focus,.form textarea:focus{border-color:#0f2f4a}.form textarea{resize:vertical;grid-column:span 2;min-height:140px}.form button{width:fit-content}.file-input{background:#fff;border:1px solid #d9e1e8;border-radius:10px;width:100%;padding:14px}.footer{color:#fff;background:#0f2f4a;margin-top:80px;padding:64px 0 24px}.footer__top{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:60px;padding-bottom:40px;display:flex}.footer__brand{max-width:420px}.footer__brand h3{margin:0 0 20px;font-size:28px}.footer__brand p{color:#ffffffbf;margin:0;line-height:1.7}.footer__nav{gap:80px;display:flex}.footer__nav h4{margin:0 0 18px;font-size:18px}.footer__nav div{flex-direction:column;gap:12px;display:flex}.footer__nav a,.footer__nav p{color:#ffffffbf;margin:0}.footer__nav a:hover{color:#fff}.footer__bottom{color:#ffffff80;padding-top:24px;font-size:14px}@media (width<=900px){.header__inner{flex-direction:column;align-items:flex-start;padding:18px 0}.nav{flex-wrap:wrap;gap:14px}.hero__title{font-size:44px}.cards,.direction-grid,.steps__grid,.lead-form__box,.form{grid-template-columns:1fr}.form textarea{grid-column:span 1}.footer__top,.footer__nav{flex-direction:column;gap:32px}}@media (width<=520px){.hero{padding:64px 0}.hero__title{font-size:34px}.hero__text{font-size:18px}.hero__actions{flex-direction:column}.btn{width:100%}.section__title{font-size:28px}}.burger{color:#0f2f4a;cursor:pointer;background:#fff;border:1px solid #d9e1e8;border-radius:10px;width:44px;height:44px;font-size:24px;display:none}@media (width<=900px){.header__inner{flex-direction:row;align-items:center}.burger{display:block}.nav{flex-direction:column;gap:16px;width:100%;padding-top:16px;display:none}.nav--open{display:flex}.header__inner{flex-wrap:wrap}.logo{max-width:220px}.nav{opacity:0;border-top:0;flex-direction:column;order:3;gap:16px;width:100%;max-height:0;padding-top:0;transition:max-height .6s,opacity .4s,padding .4s;display:flex;overflow:hidden}.nav--open{opacity:1;border-top:1px solid #d9e1e8;max-height:420px;padding-top:18px}.burger{margin-left:auto}}.logo img{width:auto;height:56px;display:block}@media (width<=768px){.logo img{height:42px}}.page-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.info-card{background:#fff;border:1px solid #d9e1e8;border-radius:16px;padding:28px}.info-card h3{color:#0f2f4a;margin:0 0 16px}.info-card p{color:#4b5563;margin:0;line-height:1.7}@media (width<=900px){.page-grid{grid-template-columns:1fr}}@media (width<=768px){.page__title{font-size:44px;line-height:1.05}.hero__title{font-size:52px;line-height:1.05}.hero__text,.page__text,.info-card p,.step-card p{font-size:18px;line-height:1.7}.info-card,.step-card{padding:36px}.footer{padding:72px 0 40px}.footer__grid{gap:48px}}@media (width<=480px){.hero__title{font-size:40px}.page__title{font-size:36px}.hero{padding:72px 0}.hero__buttons{gap:14px}.info-card,.step-card{border-radius:24px;padding:28px}.footer{padding:56px 0 32px}.footer__title{font-size:20px}}.form-message{border-radius:12px;margin-top:16px;padding:14px 18px;font-size:15px;font-weight:500}.form-message--success{color:#166534;background:#e8f7ee;border:1px solid #bbf7d0}.form-message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}
