:root{
  --ink:#0b1418;
  --foam:#e8f1f2;
  --sea:#7fd3c5;
  --deep:#12313a;
  --sand:#d8c9a8;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:
    radial-gradient(120% 80% at 15% -10%, #1b4552 0%, transparent 60%),
    radial-gradient(90% 70% at 95% 110%, #123b3a 0%, transparent 55%),
    var(--ink);
  color:var(--foam);
  font:16px/1.65 ui-sans-serif,system-ui,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
main{max-width:860px;margin:0 auto;padding:12vh 24px 8vh}
.tide{color:var(--sea);font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px}
h1{font-size:clamp(34px,6vw,60px);line-height:1.1;margin:0 0 22px;letter-spacing:-.02em}
h1 span{color:var(--sea)}
.lede{max-width:52ch;color:#a9bfc4;margin:0 0 56px}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:48px}
.cards article{
  border:1px solid #1e3d47;border-radius:14px;padding:20px 20px 22px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);
}
.cards h2{font-size:15px;letter-spacing:.06em;color:var(--sand);margin:0 0 10px;text-transform:uppercase}
.cards p{margin:0;font-size:14px;color:#9fb6bb}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;color:var(--sea);background:rgba(127,211,197,.09);padding:1px 5px;border-radius:4px}
.probe{margin-bottom:48px}
button{
  appearance:none;border:1px solid var(--sea);background:transparent;color:var(--sea);
  font:inherit;font-size:15px;padding:10px 22px;border-radius:999px;cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
button:hover{background:var(--sea);color:#06282a}
pre{
  margin:16px 0 0;padding:16px 18px;border-radius:12px;background:#08171b;
  border:1px solid #17343d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:13px;line-height:1.7;color:#c9dde0;white-space:pre-wrap;word-break:break-word;
}
footer{border-top:1px solid #17343d;padding-top:20px;font-size:13px;color:#6f8a90}
footer code{font-size:.9em}