.steps,.plans,.faq{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;padding:0;margin:0}
.steps li,.plan,.faq div{border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:24px;background:#fff}
.steps .n{font-family:"IBM Plex Mono",monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.plan .price{font-family:"Barlow Condensed",sans-serif;font-size:3rem;font-weight:700;margin:8px 0}
.plan ul{padding-left:1.1em}.plan .btn{margin-top:12px}
.ph{background:#fff3b0;font-family:"IBM Plex Mono",monospace;font-size:.85em;padding:0 4px}
.note{font-size:.95rem;opacity:.8;margin-top:16px}
.section .steps li,.section .plan,.section .faq div,.section .steps li *,.section .plan *,.section .faq div *{color:#1a1a1a !important}.section .plan .btn{color:#fff !important}
.hero-img img,.shot img{width:100%;height:auto;border-radius:4px;display:block;border:1px solid rgba(0,0,0,.15)}
.hero .wrap{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:center}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.buyform{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.buyform label{display:flex;flex-direction:column;font-family:"IBM Plex Mono",monospace;font-size:.8rem;text-transform:uppercase;gap:6px}
.buyform input{font:inherit;font-family:"Public Sans",sans-serif;font-size:1rem;text-transform:none;padding:10px;border:1px solid #888;border-radius:4px;width:280px;max-width:100%}
#msg{min-height:1.2em;font-weight:600}.test-banner{background:#fff3b0;border-radius:4px;padding:8px 12px;font-size:.9rem;color:#1a1a1a}
.plan button.btn{border:0;cursor:pointer;font:inherit}
.acct-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
[hidden]{display:none !important}