:root{--brand-blue:#005b8e;--brand-dark:#0d1a26;--brand-light:#f5f7fa;--text-color:#1b1e21}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:Roboto,sans-serif;color:var(--text-color);background:#ffffff;min-width:1080px}.header{justify-content:space-between;padding:1rem 2.5rem;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.logo{display:flex;align-items:center}.logo{gap:.5rem;font-weight:700;font-size:1.25rem}.logo img{width:36px;height:36px}.nav a{margin-left:1.5rem;text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.nav a:hover{color:var(--brand-blue)}.main-slider{position:relative;min-height:540px;display:flex;align-items:center;padding:0 2.5rem;background:url(/slide1.png) 50%/cover no-repeat;color:#fff}.main-slider:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}.slide{position:relative;max-width:560px;z-index:1}.main-slider h1{font-size:2.75rem;font-weight:700;line-height:1.2;margin:0 0 1.25rem;text-transform:uppercase}.main-slider p{font-size:1.125rem;margin:0 0 2rem}.btn{display:inline-block;background:var(--brand-blue);border:none;color:#fff;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;border-radius:4px;text-decoration:none;cursor:pointer;transition:background .3s}.btn:hover{background:#0072b8}section{padding:4rem 2.5rem}.section-light{background:var(--brand-light)}.about,.contact-with{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:center;max-width:1080px;margin:0 auto}.about img{width:420px;max-width:100%;border-radius:4px}.about-text,.contact-with__text{flex:1 1 300px;font-size:1.125rem;line-height:1.6}.services{max-width:1080px;margin:0 auto;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-top:2.5rem}.service-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.service-item svg{width:48px;height:48px;stroke:var(--brand-blue);fill:none;stroke-width:2}.service-item span{font-size:1.125rem;font-weight:500}#contact-with{background:var(--brand-light)}.contact-form{display:flex;flex-wrap:wrap;gap:24px}.contact-form input,.contact-form textarea{width:100%;padding:12px;font-size:16px;margin-bottom:16px}.contact-form button{padding:12px 24px;background-color:#0077cc;color:white;border:none;cursor:pointer;font-weight:700}#contactModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#contactModal .modal-content{background:white;max-width:400px;margin:100px auto;padding:32px;position:relative;border-radius:8px}#contactModal .modal-content button.close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer}form{max-width:600px}input[type=tel],input[type=text],textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1em}textarea{resize:vertical}input:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}.form-row{display:flex;flex-wrap:wrap;gap:10px}.form-row input{flex:1 1}@media (max-width:640px){.hero h1{font-size:2.1rem}.hero p{font-size:1rem}.about{flex-direction:column}.logo span{font-size:1rem}.nav{position:absolute;z-index:1;left:0;width:100%;background:white;display:flex;flex-direction:column;top:0;visibility:hidden}.nav a{padding:1rem;font-size:.9rem}body{min-width:auto}}