@font-face{font-family:'ProximaNova';font-weight:400;font-display:swap;src:url(fonts/ProximaNovaRegular.woff2) format('woff2'),url(fonts/ProximaNovaRegular.woff) format('woff')}
@font-face{font-family:'ProximaNova';font-weight:600;font-display:swap;src:url(fonts/ProximaNovaSemibold.woff) format('woff')}
@font-face{font-family:'ProximaNova';font-weight:700;font-display:swap;src:url(fonts/ProximaNovaBold.woff) format('woff')}

:root{
	--ink:#1E1F1C;
	--muted:#6D6D6D;
	--accent:#E5332A;
	--accent-dark:#C42A22;
	--bg:#fff;
	--bg-soft:#F7F7F7;
	--bg-dark:#25282D;
	--line:#dedede;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'ProximaNova',Arial,sans-serif}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px}
.logo img{display:block;width:150px;height:auto}
.top-phone{font-weight:600;font-size:20px;text-decoration:none;white-space:nowrap}
.top-phone:hover{color:var(--accent)}

.hero{background:var(--bg-soft);padding:72px 0 64px}
.hero h1{margin:0 0 16px;font-weight:700;font-size:44px;line-height:1.15;text-transform:uppercase;letter-spacing:.01em;max-width:820px;text-wrap:balance;hyphens:none}
.hero h1 span{color:var(--accent)}
.hero p{margin:0 0 32px;font-size:19px;color:var(--muted);max-width:640px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border:2px solid var(--accent);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:background .2s,color .2s}
.btn-main{background:var(--accent);color:#fff}
.btn-main:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.btn-line{color:var(--accent)}
.btn-line:hover{background:var(--accent);color:#fff}

.contacts{padding:64px 0}
.h2{margin:0 0 28px;font-weight:700;font-size:28px;text-transform:uppercase;hyphens:none}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);padding:28px}
.card-label{margin-bottom:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.card-value{font-size:21px;font-weight:600;line-height:1.35}
.card-value a{text-decoration:none}
.card-value a:hover{color:var(--accent)}
.card-link{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}

.lists{padding:0 0 72px}
.lists .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.list{background:var(--bg-soft);padding:32px}
.list h3{margin:0 0 16px;font-size:18px;font-weight:700;text-transform:uppercase;hyphens:none}
.list ul{margin:0;padding:0;list-style:none}
.list li{padding:9px 0 9px 22px;border-top:1px solid var(--line);position:relative}
.list li:first-child{border-top:0}
.list a{text-decoration:none;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
.list a:after{content:' ↗';color:var(--accent)}
.list a:hover{color:var(--accent);border-color:var(--accent)}
.list li:before{content:'';position:absolute;left:0;top:19px;width:8px;height:8px;background:var(--accent)}

.foot{background:var(--bg-dark);color:#c9cbcf;padding:36px 0;font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.foot a{color:#fff;text-decoration:none}
.foot p{margin:0 0 4px}

@media (max-width:900px){
	.cards{grid-template-columns:1fr}
	.lists .wrap{grid-template-columns:1fr}
	.hero h1{font-size:32px}
}
@media (max-width:560px){
	.top .wrap{min-height:72px}
	.logo img{width:110px}
	.top-phone{font-size:17px}
	.hero{padding:44px 0 40px}
	.hero h1{font-size:25px}
	.hero p{font-size:17px}
	.btn{width:100%}
	.contacts{padding:44px 0}
	.h2{font-size:22px}
	.card,.list{padding:22px}
	.card-value{font-size:19px}
}