
:root{--dark:#303437;--red:#ef1b2d;--blue:#27a9df;--text:#555;--line:#ddd;--max:1110px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}img{max-width:100%;height:auto}a{color:#159bcf}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.narrow{max-width:850px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:8px;z-index:99}
.site-header{background:#fcfcfc;border-bottom:4px solid #232629}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{display:block;width:221px}.main-nav{display:flex;gap:2px}.main-nav a{color:#333;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:bold;padding:37px 17px 34px;border-top:3px solid transparent}.main-nav a:hover,.main-nav a.active{background:#d9eaf4;}.menu-toggle{display:none}
.hero{background:url("../images/home-background.jpg") center/cover no-repeat}.home-hero{padding:75px 0}.hero-copy{max-width:850px;background:rgba(255,255,255,.88);padding:45px}.hero h1,.page-banner h1{color:#303437;font-size:38px;line-height:1.15;margin:0 0 25px}.hero p{font-size:17px}
.steps{padding:60px 0 70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.cards article{padding:10px 22px}.steps {
    padding: 70px 0 75px;
    background: #f2f2f2;
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    text-align: center;
}

.step-card {
    padding: 0 15px;
}

.step-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 30px;
    color: #2f3e60;
}

.step-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 5;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.step-icon svg rect {
    fill: currentColor;
    stroke: none;
}

.step-card h2 {
    color: #2f3e60;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: .02em;
    margin: 0 0 20px;
}

.step-card p {
    color: #2f3e60;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    margin: 0 auto;
    max-width: 400px;
}
.page-banner{padding:55px 0;background:url("../images/page-background.jpg") center/cover no-repeat;border-bottom:1px solid #ddd}.page-banner h1{margin:0}.content{padding:60px 0}.content h2{color:#303437;font-size:26px;margin-top:45px}.content h3{color:#303437;font-size:18px;margin:28px 0 5px}.content ul{padding-left:24px}.content li{margin:8px 0}.contact-grid{display:grid;grid-template-columns:1fr 378px;gap:55px;align-items:start}.phone a{font-size:24px;text-decoration:none}.contact-image{width:378px}
.site-footer{background:#303437;color:#aaa;padding:25px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner p{margin:0}.footer-inner a{color:#ddd;text-transform:lowercase;text-decoration:none}
@media(max-width:760px){.header-inner{min-height:74px;flex-wrap:wrap}.logo img{width:180px}.menu-toggle{display:block;background:none;border:1px solid #777;color:#333;padding:8px 12px}.main-nav{display:none;width:100%;flex-direction:column;padding-bottom:12px}.main-nav.open{display:flex}.main-nav a{padding:11px 6px;border-top:0;}.main-nav a:hover,.main-nav a.active{border-left-color:var(--red)}.hero-copy{padding:28px}.cards{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-image{width:100%;max-width:378px}.footer-inner{gap:15px;flex-direction:column;align-items:flex-start}}
