*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fffbeb;color:#44403c;font:16px/1.7 Georgia,"Songti SC",serif}
a{color:#92400e;text-decoration:none}
a:hover{color:#78350f;text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:0 22px}
.ico{width:26px;height:26px;color:#92400e}
.top{background:#78350f;color:#fffbeb}
.top a{color:#fde68a}
.top a:hover{color:#fff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-family:"Segoe UI",sans-serif}
.brand .ico{color:#fde68a}
nav{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;font-family:"Segoe UI",sans-serif}
.hero{padding:36px 0;background:linear-gradient(#fef3c7,#fffbeb)}
.hero-split{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
h1{font-size:28px;line-height:1.35;color:#78350f;margin-bottom:12px}
.lock-viz{background:#78350f;color:#fde68a;border-radius:16px;padding:28px;min-height:160px;display:flex;align-items:center;justify-content:center}
.lock-face{text-align:center}
.lock-face .ico{width:40px;height:40px;color:#fde68a;margin:0 auto 8px}
.lock-face strong{display:block;font-size:20px;color:#fffbeb}
.lock-face em{display:block;font-style:normal;font-size:13px;margin-top:6px}
.two{padding:8px 0 20px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cols article{background:#fff;border:1px solid #f5deb0;border-radius:12px;padding:20px}
h2{font-size:21px;color:#78350f;margin:0 0 12px;line-height:1.4}
p{margin-bottom:12px}
.check{padding:24px 0;background:#fef3c7}
.checks{list-style:none}
.checks li{display:flex;gap:14px;background:#fff;border:1px solid #e7d3a1;border-radius:10px;padding:14px 16px;margin-bottom:12px}
.box{flex:0 0 40px;height:40px;border:2px solid #92400e;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fffbeb}
.checks h3{font-size:16px;color:#92400e;margin-bottom:6px;font-family:"Segoe UI",sans-serif}
.checks p{margin:0;font-size:14px}
.back{padding:28px 0}
.hsteps{list-style:none;display:flex;gap:10px;margin-top:8px}
.hsteps li{flex:1;background:#78350f;color:#fffbeb;border-radius:10px;padding:14px}
.hsteps span{display:inline-block;background:#fbbf24;color:#78350f;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:700;margin-bottom:8px;font-family:"Segoe UI",sans-serif}
.hsteps h3{font-size:15px;color:#fde68a;margin-bottom:6px;font-family:"Segoe UI",sans-serif}
.hsteps p{margin:0;font-size:13px;color:#fffbeb}
.more{padding:10px 0 24px}
table{width:100%;border-collapse:collapse;margin:12px 0 24px;background:#fff;font-size:14px;font-family:"Segoe UI",sans-serif}
caption{text-align:left;font-weight:700;color:#92400e;margin-bottom:8px}
th,td{border:1px solid #f5deb0;padding:10px;vertical-align:top}
th{background:#92400e;color:#fffbeb}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.card{background:#fff;border:1px solid #f5deb0;border-radius:10px;padding:14px}
.card h3{font-size:15px;color:#92400e;margin:8px 0;font-family:"Segoe UI",sans-serif}
.card p{font-size:14px;margin:0}
.faq{max-width:980px;margin:0 auto;padding:20px 22px 48px}
details{background:#fff;border:1px solid #f5deb0;border-radius:8px;padding:12px 14px;margin-bottom:8px}
summary{cursor:pointer;font-weight:700;color:#78350f;font-family:"Segoe UI",sans-serif}
details p{margin:8px 0 0;font-size:14px}
.site-footer{background:#44403c;color:#fde68a;padding:24px 22px;font-family:"Segoe UI",sans-serif}
.site-footer p{max-width:980px;margin:0 auto 8px;font-size:13px}
@media (max-width:860px){
.hero-split,.cols,.cards2,.hsteps{grid-template-columns:1fr;display:grid}
}

.top nav a {
  padding: 3px 0;
  border-bottom: 1px solid transparent;
}
.top nav a:hover {
  border-bottom-color: #fde68a;
  text-decoration: none;
}
.cols article:hover {
  border-color: #92400e;
}
.checks li:hover {
  border-color: #92400e;
}
.checks li:hover .box {
  background: #fde68a;
}
.hsteps li:hover {
  background: #92400e;
}
.card:hover {
  border-color: #92400e;
}
.lock-viz .ico {
  display: block;
}
table tr:nth-child(even) td {
  background: #fffbeb;
}
details[open] {
  border-color: #92400e;
}
.hero p {
  max-width: 38em;
}
.brand span {
  font-size: 16px;
}
.check h2 {
  max-width: 22em;
}
.hsteps {
  align-items: stretch;
}
.more table {
  box-shadow: 0 1px 0 #f5deb0;
}
.site-footer p:last-child {
  margin-bottom: 0;
}
main {
  background: #fffbeb;
}
h1, h2 {
  font-weight: 700;
}
.card .ico {
  display: block;
}
section {
  position: relative;
}
.wrap {
  position: relative;
}
a:focus-visible,
summary:focus-visible {
  outline: 2px solid #92400e;
  outline-offset: 3px;
}
.lock-face strong {
  font-family: "Segoe UI", sans-serif;
}
.checks {
  max-width: 820px;
}
@media (max-width: 720px) {
  h1 {
    font-size: 24px;
  }
  .top .wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 22px 12px;
  }
  .hsteps {
    display: grid;
    grid-template-columns: 1fr;
  }
  .lock-viz {
    min-height: 120px;
  }
}
@media (min-width: 1100px) {
  .hero-split {
    gap: 40px;
  }
}
.faq details summary {
  line-height: 1.5;
}
.two .cols p:last-child {
  margin-bottom: 0;
}
.two .cols {
  grid-template-columns: 1fr;
}