/* Superhuman Laboratories — design tokens (ported 1:1 from the design system) */
:root{
  --sh-gold-050:#FBF6EA; --sh-gold-100:#F3E7C7; --sh-gold-300:#D8B764;
  --sh-gold-400:#C9A227; --sh-gold-500:#B4832E; --sh-gold-600:#9C6E24; --sh-gold-700:#7C551B;
  --sh-gold-metal:linear-gradient(135deg,#E7CE82 0%,#C9A227 42%,#8E6620 100%);
  --sh-gold-button:linear-gradient(180deg,#BC8737 0%,#A26E1F 100%);
  --sh-ink-900:#141414; --sh-ink-800:#1F1F1F; --sh-ink-700:#2B2B2B;
  --sh-ink-500:#6E6A63; --sh-ink-400:#8F8A82;
  --sh-line:#E7E3DC; --sh-line-strong:#D9D4CC;
  --sh-surface:#FFFFFF; --sh-surface-2:#FAF9F7; --sh-surface-3:#F4F1EC;
  --sh-success:#2F8F5B; --sh-success-bg:#EAF5EE; --sh-success-line:#CBE8D6;
  --sh-info-bg:#FBF3E3; --sh-info-line:#F0E1C4; --sh-danger:#C0492F;
  --sh-font-display:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --sh-font-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --sh-radius-sm:6px; --sh-radius-md:10px; --sh-radius-lg:14px; --sh-radius-pill:999px;
  --sh-shadow-sm:0 1px 3px rgba(20,20,20,.06);
  --sh-shadow-md:0 4px 16px rgba(20,20,20,.08);
  --sh-shadow-lg:0 10px 30px rgba(20,20,20,.10);
  --sh-space-1:4px; --sh-space-2:8px; --sh-space-3:12px; --sh-space-4:16px;
  --sh-space-5:24px; --sh-space-6:32px; --sh-space-7:48px; --sh-space-8:64px;
}

/* Global base styles (ported from the design's helmet <style> block) */
*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{margin:0}
body{font-family:var(--sh-font-body);color:var(--sh-ink-700);background:var(--sh-surface-2);-webkit-font-smoothing:antialiased}
a{color:var(--sh-gold-600);text-decoration:none}
a:hover{color:var(--sh-gold-700)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sh-gold-500) !important;box-shadow:0 0 0 3px var(--sh-gold-050)}
button:focus-visible{outline:2px solid var(--sh-gold-500);outline-offset:2px}
.sh-cols{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}
.sh-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.sh-pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sh-listing{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.sh-nav-desktop{display:flex}
.sh-burger{display:none}
.sh-util-right{display:flex}
@media(max-width:980px){
  .sh-cols{grid-template-columns:1fr}
  .sh-summary{order:-1}
  .sh-hero{grid-template-columns:1fr}
  .sh-pdp{grid-template-columns:1fr}
  .sh-listing{grid-template-columns:1fr}
  .sh-nav-desktop{display:none !important}
  .sh-burger{display:inline-flex !important}
  .sh-util-right{display:none !important}
}
@media(max-width:640px){
  h1{font-size:34px !important}
  .sh-util-left span:nth-child(n+2){display:none}
  .sh-hero{gap:24px}
}
@keyframes trustMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sh-marquee:hover .sh-marquee-track{animation-play-state:paused}

/* Nav link states (ported from navStyle()) */
.sh-nav-link{font-family:var(--sh-font-display);font-weight:600;font-size:12.5px;letter-spacing:.05em;
  text-transform:uppercase;white-space:nowrap;cursor:pointer;padding:6px 4px;
  border-bottom:2px solid transparent;color:var(--sh-ink-800);transition:color .15s ease;display:inline-block}
.sh-nav-link.active{border-bottom:2px solid var(--sh-gold-500);color:var(--sh-gold-600)}
.sh-nav-link.pep{display:inline-flex;align-items:center;gap:5px}
.sh-nav-link.pep,.sh-nav-link.pep.active{color:var(--sh-gold-600)}
.sh-drawer-link{font-family:var(--sh-font-display);font-weight:600;font-size:13px;letter-spacing:.05em;
  text-transform:uppercase;padding:12px 0;cursor:pointer;color:var(--sh-ink-800);
  border-bottom:1px solid var(--sh-line);display:block}
.sh-drawer-link.active,.sh-drawer-link.pep{color:var(--sh-gold-600)}
.sh-drawer-link.pep{display:inline-flex;align-items:center;gap:5px}
.sh-drawer-link.last{border-bottom:none}

/* Icon helper (mirrors the design's inline mask spans) */
.sh-ico{display:inline-block;width:1.66em;height:1.66em;vertical-align:-0.38em;
  background:currentColor;mask:var(--ico) center / contain no-repeat;
  -webkit-mask:var(--ico) center / contain no-repeat}