*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;line-height:1.6;color:#1b1b1b;background:#f6f8fb}
header,section,footer{max-width:60rem;margin:0 auto;padding:2.5rem 1rem}header{background:linear-gradient(135deg,#0b4f8a,#073459);color:#fff;max-width:none;padding:4rem 1rem}header>div{max-width:60rem;margin:0 auto}
h1{font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.15;margin:0 0 1rem}header p{font-size:1.15rem;max-width:40rem;color:#dbe7f3}h2{font-size:1.6rem}
.cta{display:inline-block;margin-top:.5rem;padding:.85rem 1.75rem;background:#ffb703;color:#1b1b1b;border-radius:.5rem;font-weight:700;text-decoration:none}.cta:hover{background:#ffc93c}
.price{font-size:1.75rem;font-weight:700;margin:.25rem 0}.price span{font-size:1rem;font-weight:400}
.plans{display:grid;gap:1rem}.plan{background:#fff;border:1px solid #dde3ea;border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 8px rgba(11,79,138,.06)}
.examples{list-style:none;padding:0;display:grid;gap:1.25rem}.examples a{display:block;background:#fff;border:1px solid #dde3ea;border-radius:.75rem;overflow:hidden;color:#0b4f8a;text-decoration:none;font-weight:600}.examples span{display:block;padding:.75rem 1rem}.examples a:hover{box-shadow:0 6px 18px rgba(11,79,138,.15)}img{max-width:100%;height:auto;display:block}
form{background:#fff;border:1px solid #dde3ea;border-radius:.75rem;padding:1.5rem}
label{display:block;font-weight:600}label.inline{display:inline;margin-left:.5rem}input[type=checkbox]{width:auto}input,select{width:100%;padding:.6rem;font:inherit;border:1px solid #c5ced8;border-radius:.4rem}button{font:inherit;padding:.85rem 1.75rem;background:#ffb703;border:0;border-radius:.5rem;font-weight:700;cursor:pointer}
footer{color:#555;font-size:.9rem}
@media(min-width:48rem){.plans{grid-template-columns:1fr 1fr}.examples{grid-template-columns:repeat(3,1fr)}}