:root{--blue:#1654a1;--cyan:#209ed1;--dark:#071d3a;--light:#f4f8ff;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--dark);background:var(--white)}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 3px 20px rgba(0,0,0,.06);z-index:10}.nav{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--blue);font-size:14px}.brand img{width:58px;height:42px;object-fit:contain}.menu{display:flex;gap:25px;font-weight:700}.btn{padding:12px 18px;border-radius:999px;border:2px solid var(--blue);font-weight:800;color:var(--blue)}.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border:0}.ghost{background:white}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:85px 22px}.tag{font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:54px;line-height:1.05;margin:12px 0}.hero p{font-size:18px;line-height:1.7}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.hero-card{background:linear-gradient(160deg,#eef7ff,#fff);border-radius:34px;padding:42px;text-align:center;box-shadow:0 30px 80px rgba(22,84,161,.18)}.hero-card img{max-width:100%;border-radius:14px}.hero-card h3{color:var(--blue)}.section{background:var(--light);padding:70px 22px}.section h2,.contact h2,.showcase h2{text-align:center;font-size:38px;margin:0 0 35px}.grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid article{background:white;padding:28px;border-radius:22px;box-shadow:0 12px 35px rgba(0,0,0,.07);border-top:5px solid var(--cyan)}.grid h3{color:var(--blue);margin-top:0}.showcase{max-width:1180px;margin:70px auto;padding:50px 22px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border-radius:35px}.showcase h2{text-align:left}.showcase li{margin:16px 0;font-size:20px;font-weight:700}.contact{text-align:center;padding:70px 22px}.contact p{font-size:18px}footer{text-align:center;background:var(--dark);color:white;padding:24px}@media(max-width:800px){.menu{display:none}.hero,.showcase{grid-template-columns:1fr}.hero h1{font-size:38px}.grid{grid-template-columns:1fr}.hero-card{padding:25px}.showcase{border-radius:0}}