:root{
  --primary:#0b6fa4;
  --primary-dark:#084f75;
  --accent:#1789c7;
  --text:#0b1f2a;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color:var(--text);
  line-height:1.6;
  background:#ffffff;
}

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

header{
  padding:48px 0 24px;
  text-align:center;
}

header img{
  width:min(220px, 60vw);
  height:auto;
  display:block;
  margin:0 auto 12px;
}

h1,h2,h3{
  margin:0 0 10px;
  line-height:1.25;
}

h1{
  font-size: clamp(28px, 4.2vw, 40px);
  letter-spacing:.4px;
}

h2{
  font-size: clamp(22px, 3.4vw, 28px);
  margin-top: 28px;
}

.subtitle{
  color:var(--primary-dark);
  font-weight:600;
  margin-bottom: 6px;
}

.lead{
  font-size: clamp(16px, 2.6vw, 18px);
  color:#2b3b45;
  margin-bottom: 22px;
}

section{
  padding: 18px 0;
  border-top:1px solid #edf2f6;
}

ul.check{
  list-style:none;
  padding:0;
  margin:0;
}

ul.check li{
  padding-left:28px;
  position:relative;
  margin:6px 0;
}

ul.check li::before{
  content:"✓";
  color:var(--primary);
  position:absolute;
  left:0;
  font-weight:700;
}

.grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:18px;
}

@media (min-width: 860px){
  .grid-2{ grid-template-columns: 1fr 1fr; }
}

.card{
  border:1px solid #e7eef4;
  border-radius:12px;
  padding:18px 16px;
  background:#fff;
}

.button{
  display:inline-block;
  background:var(--primary);
  color:#fff;
  padding:12px 18px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  border:0;
  cursor:pointer;
}

.button:focus,.button:hover{
  background:var(--primary-dark);
}

form{
  display:grid;
  gap:12px;
}

input[type="text"],
input[type="email"],
textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid #d8e4ee;
  border-radius:10px;
  font-size:16px;
}

textarea{ min-height:140px; }

.form-row{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

@media (min-width:720px){
  .form-row{ grid-template-columns:1fr 1fr; }
}

.note{
  font-size:14px;
  color:#4a5a65;
}

footer{
  margin-top:28px;
  padding:24px 0 48px;
  background:#f8fbfe;
  border-top:1px solid #e7eef4;
  color:#44525a;
}

footer a{ color:var(--primary-dark); text-decoration:none; }
footer a:hover{ text-decoration:underline; }