:root{
  --navy:#0A4467; --blue:#025889; --cyan:#2FC6F5; --green:#2DAA20;
  --ink:#14303f; --muted:#5c7385; --line:rgba(2,88,137,.12);
  --font:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font); color:var(--ink);
  background:radial-gradient(120% 80% at 20% 0%, #ffffff 0%, #eaf6fc 50%, #dceef7 100%);
  min-height:100dvh; display:flex; flex-direction:column; -webkit-font-smoothing:antialiased}
.topline{height:5px; background:linear-gradient(90deg,var(--cyan),var(--blue) 45%,var(--green))}

main{flex:1; width:100%; max-width:780px; margin:0 auto; padding:48px 24px 72px}
.back{display:inline-flex; align-items:center; gap:8px; color:var(--muted);
  text-decoration:none; font-size:14px; font-weight:600; margin-bottom:28px}
.back:hover{color:var(--blue)}
.mark{width:52px; height:auto; display:block; margin-bottom:18px}
.eyebrow{font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--cyan); font-weight:700}
h1{font-size:clamp(30px,6vw,42px); font-weight:800; letter-spacing:-.02em;
  color:var(--navy); margin:10px 0 38px}

.block{margin-bottom:30px}
.block h2{font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); font-weight:700; margin-bottom:10px}
.block p{font-size:16px; line-height:1.75}
.block ul{margin:8px 0 0 20px; font-size:16px; line-height:1.75}
.block a{color:var(--blue); text-decoration:none; font-weight:600}
.block a:hover{text-decoration:underline}
hr{border:0; border-top:1px solid var(--line); margin:38px 0}
.fine{font-size:14px; line-height:1.75; color:var(--muted)}
.fine h2{color:var(--muted)}

footer{padding:22px 24px; text-align:center; font-size:13px; color:var(--muted);
  border-top:1px solid var(--line); background:rgba(255,255,255,.5)}
footer a{color:var(--blue); text-decoration:none; font-weight:600}
footer a:hover{text-decoration:underline}