:root{--a:#5bc4ff;--bg:#f5fbff;--ink:#102337;--card:#fff;--muted:#586b7c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui}header,main,footer{width:min(1040px,calc(100% - 40px));margin:auto}header{padding:25px 0;display:flex;justify-content:space-between;border-bottom:1px solid #cbdce8}header a{color:var(--ink);text-decoration:none;font-weight:900}nav a{color:#167caf}main{padding:70px 0}h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.9;letter-spacing:-.07em;max-width:10ch}.eyebrow{color:#167caf;font-weight:850;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.lead{font-size:1.2rem;color:var(--muted);max-width:620px}.button{display:inline-block;background:var(--a);padding:12px 18px;color:#062238;text-decoration:none;border-radius:10px;font-weight:900}section{margin-top:78px}h2{font-size:2.4rem}.frame{height:1120px;overflow:hidden;border-radius:18px;background:#0d1b28}.frame.short{height:720px}.frame iframe{width:100%;height:100%;border:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:var(--card);padding:24px;border:1px solid #d8e6ef;border-radius:14px}.cards p{color:var(--muted)}.article{max-width:760px}footer{padding:30px 0;border-top:1px solid #cbdce8;color:var(--muted);font-size:.85rem}@media(max-width:700px){nav{display:none}.cards{grid-template-columns:1fr}.frame{height:1120px}.frame.short{height:720px}}
