.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(145deg,#202020,#171717);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.card p{margin-bottom:0}
.price{color:var(--accent);font-weight:800;font-size:1.1rem}
.pill{display:inline-block;color:var(--accent);background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.25);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.steps li{counter-increment:step;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:12px}
.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#18181b;font-weight:800;margin-right:10px}
.faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.faq-item h3{font-size:1rem}
.faq-item p{margin:6px 0 0}
.cta{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}
.footlinks{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:15;background:#0a0a0a;border:1px solid var(--accent);border-radius:999px;padding:12px 16px;display:flex;gap:9px;align-items:center;font-weight:750;box-shadow:0 8px 24px #0008}
.wa-float span{color:#25D366}
.notice{font-size:.88rem;color:var(--muted)}
.article-list a{display:block;margin-top:12px;color:var(--accent)}
@media(max-width:850px){nav{gap:10px}.nav-link{font-size:.82rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.head{align-items:flex-start;flex-direction:column;gap:10px}nav{width:100%;gap:8px 14px}.hero{padding:42px 0 28px}.grid,.steps{grid-template-columns:1fr}.card{padding:18px}.wa-float{right:10px;bottom:10px;padding:10px 13px}.wa-float .wa-text{display:none}}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:15;display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0!important;gap:0!important;background:#25D366!important;border:2px solid #FFA500!important;border-radius:50%!important;box-shadow:0 6px 22px #0009!important}
.wa-float .wa-text{display:none!important}
.wa-float .wa-logo{width:30px;height:30px;fill:#fff;display:block}
@media(max-width:600px){.wa-float{width:56px;height:56px;right:12px;bottom:12px}}
