* { box-sizing: border-box; margin: 0; padding: 0; }
:root { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #0f1f3f; background: #f7f9ff; }
body { line-height: 1.5; background: #f1f5ff; color: #0d1c3f; }
.wrapper { width: min(1100px, 94vw); margin: 0 auto; padding: 1rem 0 3rem; }
header { background: #ffffff; border-bottom: 1px solid #e5e7ef; position: sticky; top: 0; z-index: 10; backdrop-filter: blur(4px); }
header .top { display: flex; align-items: center; justify-content: space-between; padding: .75rem 0; }
header .brand { font-weight: 800; font-size: 1rem; color:#0b1f56; text-decoration:none; }
header .lang-switch { display: flex; gap:.45rem; }
.btn, .hero .cta { border: none; border-radius: 999px; background: #1248d0; color: #fff; padding: .55rem .9rem; text-decoration:none; font-weight:600; letter-spacing:.02em; transition: transform .12s ease, background .15s ease; }
.btn:hover, .hero .cta:hover { transform: translateY(-1px); background:#0a3db3; }
.hero { padding: 2rem 0 1.5rem; text-align: center; }
.hero h1 { font-size: clamp(1.65rem, 5vw, 2.8rem); line-height: 1.1; color: #0f1f4f; margin-bottom:.8rem; }
.hero p { margin: .3rem auto 1.2rem; max-width: 44rem; color:#31426a; }
.hero .actions { display:flex; justify-content:center; gap:.7rem; flex-wrap:wrap; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap: .9rem; margin-top: 1rem; }
.card { background:#fff; border-radius: 14px; border: 1px solid #dce3f6; padding: 1rem; }
.card h3 { margin-bottom: .45rem; font-size:1.05rem; color:#122e68; }
.card p { color:#3b4a74; font-size:.95rem; }
.prices .card { position: relative; display: flex; flex-direction: column; padding-bottom: 5rem; }
.prices .card .action { position: absolute; bottom: 1rem; margin-bottom: 1rem; }
section { margin-top: 1.2rem; }
section h2 { margin-bottom:.65rem; color:#0f2a63; font-size:1.35rem; }
section p, section li { color:#334369; }
ul { margin-left:1.2rem; margin-top:.4rem; }
.contact-buttons { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.footer { margin-top:2rem; text-align:center; color:#5b6485; font-size:.92rem; }
@media (max-width:768px){header .top { flex-direction: column; gap:.5rem; } .hero{text-align:left;}.hero .actions {justify-content:flex-start;} }