*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}img{max-width:100%}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.demo-note{margin:0;padding:10px;text-align:center;font-size:.75rem;opacity:.85}
body{font-family:Verdana,Geneva,Tahoma,sans-serif;background:#1e2226;color:#e6e8ea;font-size:15px}a{color:inherit}h1,h2,h3{margin:0;letter-spacing:.04em}
.h{display:flex;gap:10px;align-items:baseline;padding:16px 5vw;background:linear-gradient(#3a4047,#2a2f34);border-bottom:2px solid #d98a4e}.h b{font-size:1.3rem;letter-spacing:.25em}.h span{font-size:.7rem;letter-spacing:.3em;color:#b9bec4}.h a{margin-left:auto;color:#d98a4e;font-weight:700}
.hero{text-align:center;padding:60px 5vw 80px;background:radial-gradient(circle at 50% 20%,#353b42,#1e2226 70%)}
.shield{width:150px;height:175px;margin:0 auto 24px;background:linear-gradient(135deg,#8e969e,#4b5259 50%,#2a2f34);clip-path:polygon(50% 0,100% 14%,100% 55%,50% 100%,0 55%,0 14%);display:grid;place-items:center;position:relative}
.shield:before{content:"";position:absolute;inset:8px;background:#1e2226;clip-path:inherit}.shield span{position:relative;font-size:2.6rem;font-weight:700;color:#d98a4e;letter-spacing:.05em}
.k{letter-spacing:.3em;font-size:.75rem;color:#b9bec4}h1{font-size:clamp(2.2rem,6vw,4rem);text-transform:uppercase}.lede{max-width:54ch;margin:14px auto}.rt{color:#d98a4e;font-weight:700;letter-spacing:.06em}.rt b{font-size:1.4rem}
.btn{display:inline-block;background:#d98a4e;color:#1e2226;font-weight:700;text-decoration:none;padding:14px 28px;letter-spacing:.08em;border-radius:3px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 5vw;background:#e6e8ea;color:#1e2226}.steps b{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid #1e2226;border-radius:50%;font-size:1.2rem}.steps h3{margin-top:10px}.steps p{margin:4px 0 0}
.rv{padding:60px 5vw}.rv h2{font-size:1.8rem;text-align:center}.g{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px;max-width:1100px;margin-inline:auto}
.plate{position:relative;background:linear-gradient(160deg,#3a4047,#2c3136);border:1px solid #565d65;padding:30px 28px;border-radius:4px}.plate i{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:#8e969e}.rv1{left:10px}.rv2{right:10px}
.plate blockquote{margin:0}.plate p{margin:12px 0 0;color:#d98a4e;font-weight:700}.src{text-align:center;font-size:.8rem;color:#b9bec4}
.cta{text-align:center;padding:60px 5vw;border-top:2px solid #d98a4e}.cta h2{font-size:2rem;margin-bottom:18px}.cta p{color:#b9bec4}footer{text-align:center;padding:20px;font-size:.8rem;color:#b9bec4}.fab{display:none}
@media(max-width:760px){.steps,.g{grid-template-columns:1fr}.fab{display:block;position:fixed;bottom:0;left:0;right:0;padding:15px;text-align:center;background:#d98a4e;color:#1e2226;font-weight:700;text-decoration:none}body{padding-bottom:60px}}