:root{
--ink:#0f2740;
--muted:#5c6b7a;
--bg:#ffffff;
--soft:#f3f6f9;
--card:#ffffff;
--shadow: 0 10px 25px rgba(16, 24, 40, .08);
--radius:14px;
--accent:#2ea6b3;
}

*{ box-sizing:border-box; }

body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
color:var(--ink);
background:var(--bg);
line-height:1.5;
}

.wrap{width:min(1100px,92vw);margin:0 auto;}

.site-header{background:#fff;border-bottom:1px solid #e9eef5;}

.header-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px;}

.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{width:44px;height:44px;object-fit:contain;}
.brand-name{font-weight:800;font-size:22px;}
.brand-sub{font-size:12px;color:var(--muted);}

.phone{text-decoration:none;color:var(--ink);font-weight:600;}

.nav{border-top:1px solid #eef2f7;}
.nav-row{display:flex;gap:18px;padding:10px 0;overflow:auto;}
.nav-link{text-decoration:none;font-weight:600;color:var(--ink);padding:8px 10px;border-radius:10px;}
.nav-link:hover{background:var(--soft);}

.hero{
background:linear-gradient(90deg,rgba(15,39,64,.86),rgba(15,39,64,.62));
color:#fff;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;padding:28px 0;align-items:center;}
.hero-copy h1{margin:14px 0 8px;font-size:42px;line-height:1.1;}
.hero-copy p{margin:0 0 16px;color:rgba(255,255,255,.9);}
.hero-media img{width:100%;height:360px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow);}

.section{padding:44px 0;}
.section-soft{background:var(--soft);}
h2{font-size:32px;margin:0 0 10px;}
.muted{color:var(--muted);}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:18px;}
.card h3{margin:6px 0;}
.card p{margin:0;color:var(--muted);}

.btn{
display:inline-block;
background:var(--accent);
color:#fff;
text-decoration:none;
font-weight:800;
padding:12px 18px;
border-radius:12px;
}