body{
    font-family:Arial,sans-serif;
    background:#f4f6f8;
    margin:0;
    color:#1f2937;
}
.wrap{
    max-width:1050px;
    margin:40px auto;
    padding:20px;
}
.hero,.card{
    background:#fff;
    border-radius:18px;
    padding:32px;
    box-shadow:0 12px 35px #0001;
}
.card{
    margin-top:18px;
}
h1{
    font-size:38px;
    margin-top:0;
}
h2{
    margin-top:0;
}
.lead{
    font-size:19px;
    line-height:1.6;
    color:#475569;
}
.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:20px;
}
.feature{
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:20px;
}
.feature h3{
    margin-top:0;
}
.actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.button{
    display:inline-block;
    background:#111827;
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    text-decoration:none;
}
.button-secondary{
    display:inline-block;
    background:#fff;
    color:#111827;
    border:1px solid #cbd5e1;
    padding:12px 18px;
    border-radius:10px;
    text-decoration:none;
}
.steps{
    line-height:1.7;
}
.note{
    background:#fff7ed;
    border:1px solid #fdba74;
    border-radius:12px;
    padding:16px;
    margin-top:20px;
}
.muted{
    color:#64748b;
}
@media(max-width:700px){
    .grid{grid-template-columns:1fr}
    h1{font-size:30px}
}