/* Purpose first. The physical study below is one example, not the lab's boundary. */
.hl-introduction{position:relative;padding:64px 6% 44px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 92% 20%,#12344166,transparent 57%),var(--bg)}
.hl-introduction .eyebrow{margin-bottom:22px;font-size:9px}
.hl-introduction h1{max-width:16ch;margin:0 0 24px;font-size:clamp(43px,8vw,76px);line-height:1.02;letter-spacing:-.065em;font-weight:400}
.hl-introduction h1 span{color:var(--cyan)}
.hl-introduction-copy{max-width:56ch;margin:0;color:#afc8d1;font-size:17px;line-height:1.65}
.hl-introduction-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 34px;margin-top:24px}
.hl-introduction-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:9px 0;font-size:12px;line-height:1.5}
.hl-about-link{border-bottom:1px solid #78bcb9;color:#c7f9f0}
.hl-explore-link{color:#96b8c5}
.hl-introduction-links a:hover{color:var(--cyan)}
.hl-introduction-links span{font-size:18px;flex-shrink:0}
@media(min-width:761px){.hl-introduction{padding:68px 7% 56px}.hl-introduction h1{font-size:clamp(58px,5.8vw,86px)}}
@media(max-width:420px){.hl-introduction{padding-top:44px;padding-bottom:35px}.hl-introduction .eyebrow{font-size:8px;letter-spacing:.06em}.hl-introduction-copy{font-size:16px}.hl-introduction-links{gap:7px}.hl-introduction-links a{font-size:11px;gap:15px}}

/* Release status belongs only to this introduction. */
.hl-beta-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:22px auto 0;color:#afc8d1;font-size:12px;line-height:1.6}.hl-coming-soon{display:inline-block;border:1px solid #397477;background:#123b3d;color:#c8fff1;border-radius:999px;padding:5px 12px;font-size:11px;letter-spacing:.025em}