*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102b4d;line-height:1.6}a{color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;z-index:50;padding:10px}header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 14px #0d2c4c12}.navwrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo{width:42px;height:42px;border:3px solid #0877f9;border-radius:6px;color:#0877f9;display:grid;place-items:center;font-size:29px}.brand b,.brand small{display:block}.brand b{font-size:18px;line-height:1.2}.brand small{font-size:11px;color:#60778f;margin-top:4px}nav{display:flex;gap:20px;margin:auto}nav a{text-decoration:none;font-size:13px;font-weight:700}nav a:hover{color:#0877f9}.phone{text-align:right;min-width:190px}.phone a,.footphone a{font-weight:800;text-decoration:none;white-space:nowrap}.phone small,.footphone small{display:block;font-size:11px;color:#60778f}.menubtn{display:none}.hero{min-height:450px;position:relative;display:flex;align-items:center;background:#0c2949;color:white;overflow:hidden}.heroimg{position:absolute;inset:0 0 0 36%;background:url('assets/master-okno.jpg') center 42%/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a2543 0%,#0a2543ed 32%,#0a2543a0 54%,#0a254318 85%)}.herotext{position:relative;padding:55px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:12px;font-weight:800;color:#c5e1ff;margin:0 0 12px}.blue{color:#0877f9}.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-1px;margin:0 0 16px}.hero h1 em{font-style:normal;color:#1388ff}.lead{font-size:18px;max-width:460px;color:#e3effb}.hero ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:24px 0;font-size:13px}.hero li:before{content:'✓';color:#75beff;font-weight:bold;margin-right:8px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0877f9;color:#fff;text-decoration:none;border-radius:9px;padding:14px 22px;font-weight:800;box-shadow:0 8px 24px #0877f92b}.btn:hover{background:#0065db}.note{font-size:12px;color:#d4e7f9;margin:10px 0}.section{padding:68px 0}.heading{text-align:center;margin-bottom:30px}.heading h2,.about h2,.area h2,.contact h2{font-size:clamp(27px,3vw,36px);line-height:1.2;margin:0 0 12px}.heading>p:last-child,.about p:not(.eyebrow),.contact p:not(.eyebrow){color:#60768b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid article{border:1px solid #dce8f5;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px #13365b0b}.grid img{width:100%;height:185px;object-fit:cover;display:block;background:#e8f0f8}.card{padding:17px}.card h3{font-size:18px;margin:0 0 8px}.card p{font-size:14px;color:#60768b;min-height:65px;margin:0 0 15px}.card a{font-size:13px;font-weight:800;color:#0877f9;text-decoration:none}.band{background:#edf7ff;padding:28px 0}.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.perks>div{display:flex;align-items:center;gap:12px;border-right:1px solid #d4e7f8;padding-right:10px}.perks>div:last-child{border:0}.perks i{font-style:normal;width:45px;height:45px;border:2px solid #0877f9;color:#0877f9;border-radius:50%;display:grid;place-items:center;font-size:24px;flex-shrink:0}.perks b,.perks small{display:block}.perks b{font-size:13px}.perks small{font-size:11px;color:#60768b;line-height:1.4}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.about>img{width:100%;height:360px;object-fit:cover;border-radius:14px}.checks{list-style:none;padding:0;margin:20px 0 25px}.checks li{margin:8px 0;font-size:14px}.checks li:before{content:'✓';color:#0877f9;font-weight:bold;margin-right:10px}.area{background:linear-gradient(115deg,#0877f9,#0758b8);color:#fff;padding:55px 0}.areagrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.area p:not(.eyebrow){color:#e3efff}.white{background:#fff;color:#0758b8;box-shadow:none}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{border:1px solid #ffffff70;border-radius:100px;padding:8px 12px;font-size:13px}.contact{background:#f7fbff}.contactbox{border:1px solid #dce9f7;border-radius:17px;background:#fff;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact p:not(.eyebrow){max-width:620px;margin-bottom:0}.contactbox>div:last-child{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.contactbox small{font-size:11px;color:#60768b}.big{font-size:16px}footer{background:#0c2541;color:#fff;padding:30px 0 15px}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.footbrand .logo{border-color:#7ebeff;color:#7ebeff}.footbrand small{color:#b6cbe0}.foot nav{gap:16px}.foot nav a{font-size:12px;color:#d9e7f5}.footphone{text-align:right}.footphone a{font-size:18px}.footphone small{color:#b6cbe0}.bottom{border-top:1px solid #ffffff24;padding-top:13px;display:flex;justify-content:space-between;gap:12px;color:#b6cbe0;font-size:11px}@media(max-width:1000px){.navwrap{gap:13px}nav{gap:12px}.phone{min-width:160px}.phone a{font-size:15px}.grid img{height:160px}.perks{grid-template-columns:repeat(2,1fr)}.perks>div:nth-child(2){border:0}}@media(max-width:760px){.wrap{width:calc(100% - 30px)}.navwrap{min-height:68px;flex-wrap:wrap;padding:9px 0;justify-content:space-between}.logo{width:36px;height:36px;font-size:24px}.brand b{font-size:15px}.brand small{font-size:10px}.phone{min-width:0;margin-left:auto}.phone a{font-size:13px}.phone small{font-size:9px}.menubtn{display:block;border:1px solid #cfe4fb;border-radius:7px;background:#eef6ff;padding:8px;color:#12385d;font-weight:bold}header nav{display:none;order:5;width:100%;margin:0;flex-direction:column;gap:0}header nav.open{display:flex}header nav a{padding:10px 0;border-top:1px solid #edf2f7}.hero{min-height:550px;align-items:flex-end}.heroimg{inset:0;background-position:60% center;opacity:.65}.shade{background:linear-gradient(0deg,#0a2543 0%,#0a2543e8 48%,#0a254330 100%)}.herotext{padding:145px 0 35px}.hero h1{font-size:40px}.lead{font-size:16px}.hero ul{display:grid;grid-template-columns:1fr 1fr}.section{padding:50px 0}.heading{text-align:left}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid img{height:130px}.card{padding:13px}.card h3{font-size:15px}.card p{font-size:12px;min-height:82px}.perks{gap:18px 10px}.perks>div{border:0!important;align-items:flex-start;gap:8px}.perks i{width:34px;height:34px;font-size:18px}.perks b{font-size:12px}.perks small{font-size:10px}.about,.areagrid{grid-template-columns:1fr;gap:25px}.about>img{height:250px}.contactbox{display:block;padding:24px}.contactbox>div:last-child{align-items:flex-start;margin-top:22px}.foot{flex-wrap:wrap;align-items:flex-start}.foot nav{order:3;width:100%;flex-wrap:wrap}.footphone{margin-left:auto}.bottom{flex-direction:column;gap:4px}}@media(max-width:430px){.brand{gap:6px}.brand b{font-size:13px}.brand small{font-size:9px}.logo{width:31px;height:31px}.phone a{font-size:11px}.phone small{font-size:8px}.hero h1{font-size:35px}.grid{grid-template-columns:1fr}.grid img{height:190px}.card p{min-height:0}.perks i{width:30px;height:30px}.footphone a{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v3: service imagery shows full useful composition and never stretches */
.service-card img{height:210px;object-fit:cover;object-position:center center}
.hero-photo{background-position:65% 43%}
.narrow-content{max-width:900px}.narrow-content details{padding:19px 4px;border-bottom:1px solid #dce8f5}.narrow-content summary{cursor:pointer;font-weight:700;font-size:17px}.narrow-content details p{color:#50677e;margin:10px 0 0}.narrow-content a{color:#0877f9}
@media(max-width:760px){.service-card img{height:160px}.hero-photo{background-position:57% center}}
@media(max-width:430px){.service-card img{height:210px}}
