@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172338;font-family:Inter,Arial,sans-serif}header{height:auto;min-height:70px;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e2e8f0}.brand{font-weight:800;letter-spacing:.06em;color:#10213d;text-decoration:none}.brand span{color:#13aeba}nav{display:flex;gap:22px}nav a{color:#526176;text-decoration:none;font-size:14px}.hero{padding:70px 7%;display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center;background:linear-gradient(120deg,#10213d,#164c86 65%,#13a9bb);color:white}.hero small,main section>small{letter-spacing:.15em;font-weight:800;color:#13b8c8}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:15px 0}.hero em{color:#7ce5e8}.hero p{line-height:1.7;color:#d7e5f4}.hero aside,.panel,.plan{background:white;color:#172338;border:1px solid #e2e8f0;border-radius:17px;padding:25px;box-shadow:0 8px 30px #10213d0a}.hero aside p{color:#64748b}.button{display:inline-block;padding:12px 18px;border-radius:9px;background:linear-gradient(100deg,#2563eb,#13b8c8);color:white;text-decoration:none;font-weight:700;font-size:13px}main{width:min(1120px,92%);margin:40px auto}.panel{margin-bottom:38px}.panel h2{margin:8px 0 20px}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}label{display:grid;gap:8px;font-size:13px;color:#526176;font-weight:600}input,select{padding:12px;border:1px solid #d7e0ea;border-radius:9px;font:inherit;background:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan small{color:#138c9a;font-weight:700}.plan h3{margin:14px 0 8px}.plan strong{font-size:27px;color:#10213d}.plan p{color:#64748b;font-size:14px;line-height:1.6}.plan[hidden]{display:none}footer{padding:24px 5%;background:#10213d;color:#cbd5e1;font-size:12px}.install{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f1f6fb}.box{width:min(500px,100%);padding:30px;background:white;border-radius:18px}.box h1 span{color:#13b8c8}.box label{display:grid;gap:7px;margin:13px 0}.box input{padding:12px;border:1px solid #ccd6e2;border-radius:8px}.box button{width:100%;padding:13px;border:0;border-radius:9px;background:#2563eb;color:white;font-weight:700}.error{color:#b42318}@media(max-width:750px){.hero{grid-template-columns:1fr;padding:45px 5%}.filters,.cards{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:15px;flex-direction:column}}@media(max-width:480px){.filters,.cards{grid-template-columns:1fr}nav{gap:14px;flex-wrap:wrap}}