*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6fb;color:#162033}a{color:#1f3a8a}.topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0f1f4d;color:#fff;border-bottom:1px solid #223b80}.topbar .brand{font-weight:700;font-size:1.15rem}.topbar nav a{color:#d7e2ff;margin-left:14px;text-decoration:none}.hero{padding:60px 20px;max-width:980px;margin:0 auto}.hero h1{font-size:2.4rem;margin:0 0 10px}.hero .sub{color:#4c5978}.card{max-width:980px;margin:16px auto;background:#fff;padding:24px;border:1px solid #dbe3f3;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}h2{margin-top:0}.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.lead-form{padding:14px;border:1px solid #dbe3f3;border-radius:10px;background:#f8fbff}.lead-form label{display:block;font-size:.9rem;margin-bottom:8px}.lead-form input,.lead-form textarea,.lead-form select{width:100%;padding:9px;border:1px solid #c9d7f4;border-radius:8px}.lead-form button,.demo-controls button{margin-top:8px;padding:10px 12px;border:none;border-radius:8px;background:#1f3a8a;color:#fff;cursor:pointer}.demo-controls .secondary{background:#43527c}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{padding:16px;border:1px solid #dbe3f3;border-radius:10px;background:#f8fbff}.plan-card.featured{border-color:#1f3a8a;box-shadow:0 0 0 2px rgba(31,58,138,.1)}.price{font-size:1.4rem;font-weight:700;margin:.2rem 0 1rem}.demo-steps{display:grid;gap:12px}.demo-step{border:1px solid #dbe3f3;border-radius:10px;padding:12px;background:#f8fbff;opacity:.55;transition:.2s}.demo-step.active{opacity:1;border-color:#1f3a8a;box-shadow:0 0 0 2px rgba(31,58,138,.08)}.demo-step .cmd{background:#0f1f4d;color:#d7e2ff;padding:10px;border-radius:8px;overflow:auto}.demo-step .out{background:#eef3ff;color:#162033;padding:10px;border-radius:8px;overflow:auto}.demo-controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}footer{text-align:center;padding:24px;color:#5a6887}@media(max-width:900px){.plans-grid{grid-template-columns:1fr}.forms-grid{grid-template-columns:1fr}}@media(max-width:800px){.topbar{flex-direction:column;align-items:flex-start}.topbar nav a{margin:8px 10px 0 0;display:inline-block}.hero h1{font-size:1.8rem}}