*{box-sizing:border-box}body{margin:0;font:17px/1.7 system-ui,sans-serif;color:#dce9f0;background:#071b2c}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #294254}a{color:#87dab2}header a{text-decoration:none}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;color:white;max-width:900px}h2{color:white;font-size:28px}.eye{color:#87dab2;letter-spacing:.14em;font-size:13px}.lead{font-size:23px;max-width:850px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:28px;background:#102b40;border:1px solid #28495e;border-radius:20px;margin:28px 0}.cta{display:inline-block;background:#87dab2;color:#071b2c;font-weight:700;padding:12px 24px;border-radius:10px;text-decoration:none}nav ul{padding-left:22px}footer{font-size:14px;border-top:1px solid #294254}a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{flex-wrap:wrap}.panel{padding:20px}.lead{font-size:20px}}