*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#07111b;color:#eef;line-height:1.6}nav{max-width:1200px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;letter-spacing:2px}.logo span{color:#36d8ff}ul{display:flex;gap:20px;list-style:none}a{text-decoration:none;color:#dbe7f0}.hero{min-height:100vh;background:radial-gradient(circle at top right,#153449,#07111b)}.hero-content{max-width:1100px;margin:100px auto;padding:0 20px}.eyebrow{color:#36d8ff;text-transform:uppercase}.lead{max-width:700px;color:#b5c4ce}.btn{display:inline-block;background:#36d8ff;color:#07111b;padding:14px 24px;border-radius:8px;font-weight:700;margin-top:24px}.secondary{background:transparent;border:1px solid #36d8ff;color:#36d8ff;margin-left:10px}h1{font-size:4rem;max-width:800px;margin:16px 0}section{max-width:1200px;margin:auto;padding:80px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:14px}.diagram{margin-top:30px;padding:30px;background:#0f1d2b;border-radius:14px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center}.metrics strong{display:block;font-size:3rem;color:#36d8ff}.cta{text-align:center}footer{text-align:center;padding:40px;color:#8ea1ad;border-top:1px solid #1d3344}@media(max-width:768px){nav{flex-direction:column;gap:12px}ul{flex-wrap:wrap;justify-content:center}h1{font-size:2.5rem}}