*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#071426}.hero{display:grid;grid-template-columns:1.4fr 1fr;min-height:250px}.brand{background:linear-gradient(135deg,#020d1a,#082b4d);clip-path:polygon(0 0,96% 0,86% 100%,0 100%);color:white;padding:42px;display:flex;align-items:center;gap:22px}.mark{width:95px;height:95px;border-radius:50%;background:white;color:#008fe8;display:grid;place-items:center;font-size:52px}.s{font-size:56px;font-weight:900}.f{font-size:48px;font-weight:900;letter-spacing:12px;color:#18bfff}.contact{padding:45px;font-size:18px;line-height:1.6}.contact a,.cta{display:inline-block;margin-top:14px;background:#008fe8;color:white;text-decoration:none;padding:14px 20px;border-radius:8px;font-weight:800}.dark{background:#06172b}main{padding:45px 6vw}.welcome{display:grid;grid-template-columns:1fr;max-width:900px}.welcome h1{font-size:56px;margin:0}.welcome span{color:#008fe8}.welcome p{font-size:21px;color:#536173;line-height:1.5}h2{font-size:36px;margin-top:50px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}article{border:1px solid #dbe2ea;border-radius:14px;padding:24px;box-shadow:0 10px 25px rgba(0,0,0,.05);font-size:34px}article h3{font-size:20px}article p{font-size:16px;color:#536173;line-height:1.45}footer{background:#06172b;color:white;padding:28px 6vw;display:flex;justify-content:space-between;letter-spacing:3px}footer b{color:#20c8ff}@media(max-width:800px){.hero{display:block}.brand{clip-path:none;padding:26px}.s{font-size:36px}.f{font-size:34px}.mark{width:70px;height:70px}.contact{padding:24px}.welcome h1{font-size:36px}.grid{grid-template-columns:1fr}footer{display:block;line-height:2}}