/* DCORE Hosting plan pages — layered on /styles.css */
.price-chips{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 8px}
.price-chips div{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:12px 16px;min-width:150px}
.price-chips span{display:block;font-size:.85rem;color:var(--muted)}
.price-chips strong{font-size:1.7rem;color:var(--ink);font-weight:800}.price-chips small{font-size:.9rem;font-weight:500;color:var(--muted)}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.bill-toggle{display:inline-flex;border:1px solid var(--line);background:var(--sand);padding:4px;margin:18px 0 8px;border-radius:999px}
.bill-toggle button{font:inherit;font-weight:600;font-size:.92rem;border:0;background:none;padding:8px 16px;border-radius:999px;color:var(--ink);cursor:pointer}
.bill-toggle button.on{background:var(--ink);color:#fff}
.plan-h{margin:26px 0 12px;font-size:1.2rem}
.plan-grid{display:grid;gap:14px;grid-template-columns:1fr}
.plan{background:#fff;border:1px solid var(--line);border-top:4px solid var(--line);padding:20px;display:flex;flex-direction:column}
.plan.feat{border-top-color:var(--blue)}
.plan h4{margin:0 0 6px;font-size:1.05rem}
.plan .amt{font-size:1.9rem;font-weight:800;color:var(--ink)}.plan .amt small{font-size:.9rem;font-weight:500;color:var(--muted)}
.plan .per{font-size:.82rem;color:var(--muted)}
.plan ul{padding-left:18px;margin:12px 0 16px;flex:1}.plan li{margin:3px 0}
.plan .btn{text-align:center;width:100%}
.lead-form{background:#fff;border:1px solid var(--line);padding:20px;display:grid;gap:12px}
.lead-form label{display:block;font-weight:600;font-size:.92rem;color:var(--ink)}
.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid #c9d3dd;font:inherit;font-weight:400;background:#fff;color:var(--ink);border-radius:0}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.lead-form .ph{display:flex;margin-top:5px}.lead-form .ph>span{padding:11px 12px;background:var(--sand);border:1px solid #c9d3dd;border-right:0;font-weight:600}
.lead-form .ph input{margin-top:0}
.lead-form .cons{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.88rem}.lead-form .cons input{width:auto;margin-top:3px}
.lead-form .btn{width:100%;font-size:1rem}
.err{color:#b00020;font-size:.85rem;margin:-6px 0 0}.err:empty{display:none}
#lead-msg{font-weight:700;margin:0}#lead-msg.ok{color:#137a3a}#lead-msg.bad{color:#b00020}
.wa-float{position:fixed;left:14px;bottom:14px;z-index:40;background:#1f9d55;color:#fff;font-weight:700;padding:11px 16px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(16,24,32,.25);font-size:.92rem}
.wa-float:hover{background:#178246;color:#fff}
body{padding-bottom:72px}
@media(min-width:720px){.plan-grid.g3{grid-template-columns:repeat(3,1fr)}.plan-grid.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.plan-grid.g4{grid-template-columns:repeat(4,1fr)}}
#plans,#why,#faq,#quote,[data-plans]{scroll-margin-top:110px}
