.hero{grid-template-columns:1fr 1fr;min-height:560px;display:grid;position:relative;overflow:hidden}.hero__text{z-index:3;padding:120px 24px 40px;position:relative}.hero__eyebrow{margin-bottom:12px}.hero h1{letter-spacing:-.01em;text-wrap:balance;max-width:520px;font-size:46px;line-height:1.1}.hero__lead{max-width:470px;margin-top:16px;font-size:17px}.hero__actions{gap:8px;margin-top:26px;display:flex}.ocean{z-index:1;width:50%;position:absolute;top:0;bottom:0;right:0}.ocean__fallback .ocean__fade--v{display:none}.ocean__fallback,.ocean__gpu{width:100%;height:100%;position:absolute;inset:0}.ocean__gpu{opacity:0;transition:opacity .6s}.ocean--gpu .ocean__gpu{opacity:1}.ocean--gpu .ocean__fallback{opacity:0;transition:opacity .6s}.tools-empty{padding:40px 24px}.tools-empty h3{margin:22px 0 6px;font-size:19px;font-weight:500}.tools-empty p{max-width:520px;font-size:16px}.tool-card{flex-direction:column;display:flex}.tool-card__top{justify-content:flex-end;margin-bottom:26px;display:flex}.tool-card__title{gap:10px;margin-bottom:6px;font-size:19px;font-weight:500;display:flex}.tool-card__purpose{flex:1;margin-bottom:16px;font-size:14.5px}.tool-card__meta{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px 16px;margin:0 0 18px;font-size:11px;display:grid}.tool-card__meta div{gap:8px;display:flex}.tool-card__meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:var(--label-tracking)}.tool-card__meta dd{margin:0}.tool-card .code-row{margin-bottom:16px}.tool-card__acts{gap:8px;display:flex}.tool-card--upcoming .tool-card__title,.tool-card--upcoming .tool-card__purpose{color:var(--muted)}.principle{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;padding:28px 24px;display:grid}.principle:last-child{border-bottom:0}.principle h3{gap:12px;margin:0;font-size:19px;font-weight:500;display:flex}.principle p{max-width:60ch;margin:0;font-size:16px;line-height:1.5}.about>div{padding:28px 24px 40px}.about p{max-width:560px;margin-bottom:12px;font-size:16px;line-height:1.5}.about p b{color:var(--text);font-weight:400}.about a{color:var(--text);text-underline-offset:3px;text-decoration:underline}@media (width<=780px){.hero{grid-template-columns:1fr;min-height:560px}.hero__text{padding:40px 18px 0}.hero h1{font-size:34px}.hero__lead{font-size:15px}.ocean{width:auto;height:40%;top:auto;left:0}.ocean__fallback .ocean__fade--h{display:none}.ocean__fallback .ocean__fade--v{display:block}.principle{grid-template-columns:1fr;gap:8px;padding:20px 18px}.principle p{font-size:14.5px}.about>div{padding:20px 18px 28px}}
