.sharky-home {
  width: min(1152px, calc(100% - 48px));
  margin: 0 auto;
  padding: 128px 0;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: clamp(56px, 8vw, 112px);
  align-items: center;
  border-top: 1px solid rgb(226 232 240);
}
.dark .sharky-home { border-color: rgb(30 41 59); }
.sharky-home__visual { position: relative; min-width: 0; margin: 0; }
.sharky-home__visual img { width: 100%; height: auto; display: block; border: 1px solid rgb(226 232 240); border-radius: 18px; box-shadow: 0 28px 80px rgba(37, 99, 235, .14); }
.dark .sharky-home__visual img { border-color: rgb(30 41 59); }
.sharky-home__visual span { position: absolute; right: 14px; bottom: 14px; padding: 7px 10px; border-radius: 8px; background: rgba(255, 255, 255, .88); color: rgb(71 85 105); font: 700 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; letter-spacing: .1em; backdrop-filter: blur(10px); }
.dark .sharky-home__visual span { background: rgba(2, 6, 23, .86); color: rgb(148 163 184); }
.sharky-home__copy > p:first-child { margin: 0 0 18px; color: rgb(37 99 235); font: 800 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; letter-spacing: .16em; }
.dark .sharky-home__copy > p:first-child { color: rgb(96 165 250); }
.sharky-home__copy h2 { max-width: 8ch; margin: 0; color: rgb(15 23 42); font-size: clamp(3.4rem, 7vw, 6.5rem); font-weight: 800; line-height: .9; letter-spacing: -.065em; }
.dark .sharky-home__copy h2 { color: white; }
.sharky-home__status { display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; color: rgb(37 99 235); font-size: 13px; font-weight: 800; }
.dark .sharky-home__status { color: rgb(96 165 250); }
.sharky-home__lede { max-width: 34rem; margin: 18px 0 0; color: rgb(71 85 105); font-size: 1.08rem; line-height: 1.65; }
.dark .sharky-home__lede { color: rgb(148 163 184); }
.sharky-home__copy > a { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; margin-top: 28px; padding: 0 20px; border-radius: 999px; background: rgb(37 99 235); color: white; font-size: 14px; font-weight: 800; text-decoration: none; transition: transform 160ms ease, background 160ms ease; }
.sharky-home__copy > a:hover { background: rgb(29 78 216); transform: translateY(-1px); }
.sharky-home__copy small { max-width: 30rem; margin-top: 19px; display: block; color: rgb(100 116 139); font-size: 12px; line-height: 1.55; }
.dark .sharky-home__copy small { color: rgb(100 116 139); }
@media (max-width: 840px) { .sharky-home { grid-template-columns: 1fr; padding: 96px 0; } .sharky-home__copy { order: -1; } }
@media (max-width: 540px) { .sharky-home { width: min(100% - 28px, 1152px); } .sharky-home__copy > a { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .sharky-home__copy > a { transition: none; } }