*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102033;background:#f4f8fb;line-height:1.6}.hero{background:linear-gradient(135deg,#062b4f,#0b5f86);color:#fff;padding:22px 6vw 70px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.brand{font-size:22px;font-weight:800;letter-spacing:.4px}.nav-btn,.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:12px 20px;font-weight:700}.nav-btn{background:rgba(255,255,255,.14);color:#fff}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1180px;margin:0 auto}.tag{color:#ffd447;text-transform:uppercase;font-weight:800;letter-spacing:1.8px}.hero h1{font-size:54px;line-height:1.05;margin:12px 0 20px}.subtitle{font-size:20px;max-width:560px;color:#d9edf7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.primary{background:#ffd447;color:#08243d}.secondary{border:2px solid #fff;color:#fff}.hero-card img,.card img{width:100%;display:block;border-radius:22px;box-shadow:0 22px 50px rgba(0,0,0,.28)}.section{max-width:1180px;margin:0 auto;padding:64px 6vw}.intro{text-align:center}.intro p{font-size:19px;max-width:860px;margin:0 auto;color:#456}h2{font-size:34px;margin:0 0 24px;color:#062b4f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 12px 35px rgba(8,35,61,.09)}.card img{height:260px;object-fit:cover;border-radius:16px;box-shadow:none}.card h3{font-size:22px;color:#062b4f;margin:18px 0 8px}.card p{color:#516173}.features{background:#fff;border-radius:28px;margin-top:30px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid div{background:#f4f8fb;border-radius:18px;padding:24px}.feature-grid strong{display:block;color:#062b4f;font-size:18px;margin-bottom:8px}.feature-grid span{color:#52677b}.contact{text-align:center}.contact p{color:#52677b}.contact-box{display:grid;gap:12px;max-width:560px;margin:28px auto 0}.contact-box a{background:#fff;color:#062b4f;text-decoration:none;padding:16px;border-radius:14px;font-weight:700;box-shadow:0 8px 25px rgba(8,35,61,.08)}footer{text-align:center;padding:28px 6vw;background:#062b4f;color:#cfe8f5}@media(max-width:850px){.hero-content,.grid,.feature-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.nav{margin-bottom:34px}.section{padding:44px 5vw}.card img{height:auto}.hero{padding:20px 5vw 46px}.brand{font-size:19px}}