:root {
  --ink: #0b1f1c;
  --forest: #0e3330;
  --deep: #061816;
  --cream: #e8eef0;
  --paper: #f7fafb;
  --muted: #5a6b68;
  --line: #c5d2ce;
  --coral: #ff4f2b;
  --teal: #1dbfad;
  --gold: #d8f26a;
  --teal_pale: #d4f4ee;
  --hl-mark-bg: #ffe566;
  --hl-mark-fg: #0b1f1c;
  --hl-accent: #0e8f82;
  --hl-accent-on-dark: #9fe8dc;
  --hl-outcome: #ffe566;
  --hl-soft: #fff1b8;
  --hl-paper: #f4f2ec;
  --hl-paper-fade: linear-gradient(90deg, #c5c6cb 0%, #e4e4e7 38%, #f1f1f3 72%, #f6f6f8 100%);
  --hl-paper-edge: rgba(15, 23, 42, 0.05);
  --hl-bound-bg: rgba(29, 191, 173, 0.14);
  --hl-bound-fg: #e8fffb;
  --hl-bound-line: rgba(29, 191, 173, 0.45);
  --claim-font: var(--font-display);
  --claim-pad-y: 3.8cqw;
  --claim-pad-x: 3.8cqw;
  --claim-gap: 1.6cqw;
  --claim-kicker: 2.6cqw;
  --claim-hero: 4.6cqw;
  --claim-proof: 2.95cqw;
  --claim-foot: 2.55cqw;
  --claim-radius: 0;
  --shadow: 0 18px 48px rgba(6, 24, 22, 0.12);
  --shadow_tight: 0 8px 24px rgba(6, 24, 22, 0.08);
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --ease_out: cubic-bezier(0.22, 1, 0.36, 1);
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  line-height: 1.55;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  color-scheme: light;
}

body {
  margin: 0;
  color: #1d1d1f;
  background: #ffffff;
}

body::before {
  display: none;
}

#site {
  position: relative;
  z-index: 1;
}

a {
  color: inherit;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

h1 {
  max-width: 760px;
  margin-bottom: 24px;
  font-size: clamp(3.8rem, 8vw, 7rem);
}

h2 {
  margin-bottom: 17px;
  font-size: clamp(2.3rem, 4.5vw, 4.5rem);
}

h3 {
  margin-bottom: 11px;
  font-size: 1.7rem;
}

em {
  color: var(--coral);
  font-style: normal;
  font-weight: 600;
}

.site_header {
  color: var(--paper);
  background:
    radial-gradient(900px 420px at 88% 115%, rgba(29, 191, 173, 0.22), transparent 55%),
    radial-gradient(700px 360px at 8% -20%, rgba(216, 242, 106, 0.12), transparent 50%),
    linear-gradient(165deg, #0f3a36 0%, var(--forest) 48%, var(--deep) 100%);
}

.nav_wrap,
.page_wrap,
.site_footer {
  width: min(1180px, calc(100% - 56px));
  margin: 0 auto;
}

.main_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 86px;
  border-bottom: 1px solid rgba(255, 253, 248, 0.18);
}

.brand {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  text-decoration: none;
}

.brand span {
  color: var(--coral);
}

.nav_items {
  display: flex;
  gap: 27px;
  align-items: center;
  color: rgba(255, 253, 248, 0.72);
  font-size: 0.76rem;
  font-weight: 750;
}

.nav_items a {
  text-decoration: none;
}

.nav_items a:hover,
.nav_items .active {
  color: var(--paper);
}

.nav_cta {
  padding: 10px 14px;
  color: var(--forest) !important;
  background: var(--gold);
  transition: transform 0.2s var(--ease_out), filter 0.2s ease;
}

.nav_cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.page_hero {
  position: relative;
  min-height: 545px;
  padding: 105px 0 100px;
  overflow: hidden;
}

.page_hero::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 40%, rgba(29, 191, 173, 0.08) 100%),
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 18px,
      rgba(255, 253, 248, 0.025) 18px,
      rgba(255, 253, 248, 0.025) 19px
    );
  content: "";
  pointer-events: none;
}

.page_hero::after {
  position: absolute;
  right: -120px;
  bottom: -340px;
  width: 700px;
  height: 700px;
  border: 1px solid rgba(255, 253, 248, 0.15);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(255, 253, 248, 0.04), 0 0 0 72px rgba(255, 253, 248, 0.03);
  content: "";
  animation: hero_orbit 36s linear infinite;
  transform-origin: 35% 35%;
}

.hero_content {
  position: relative;
  z-index: 1;
  animation: rise_in 0.7s var(--ease_out) both;
}

.hero_kicker,
.section_kicker,
.eyebrow {
  margin-bottom: 18px;
  color: var(--coral);
  font-size: 0.84rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero_kicker {
  color: var(--gold);
}

.hero_copy {
  max-width: 510px;
  margin-bottom: 30px;
  color: rgba(255, 253, 248, 0.76);
  font-size: 1.05rem;
}

.hero_actions,
.button_row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.button {
  display: inline-flex;
  gap: 25px;
  align-items: center;
  padding: 13px 17px;
  border: 1px solid transparent;
  border-radius: 2px;
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-decoration: none;
  transition: transform 0.2s var(--ease_out), background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.button_primary {
  color: var(--forest);
  background: var(--paper);
  box-shadow: var(--shadow_tight);
}

.button_primary:hover {
  color: var(--paper);
  background: var(--coral);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(255, 79, 43, 0.28);
}

.button_ghost {
  color: rgba(255, 253, 248, 0.76);
  border-color: rgba(255, 253, 248, 0.32);
}

.button_ghost:hover {
  color: var(--paper);
  border-color: var(--paper);
  transform: translateY(-2px);
}

.page_wrap .button_ghost {
  color: var(--forest);
  border-color: var(--forest);
}

.page_wrap .button_ghost:hover {
  color: var(--paper);
  background: var(--forest);
}

.hero_annotation {
  position: absolute;
  right: 0;
  bottom: 38px;
  z-index: 1;
  display: grid;
  gap: 3px;
  color: rgba(255, 253, 248, 0.62);
  font-size: 0.68rem;
  letter-spacing: 0.11em;
  text-align: right;
  text-transform: uppercase;
}

.hero_annotation strong {
  color: var(--paper);
  font-size: 0.8rem;
}

.page_wrap {
  padding-top: 105px;
  padding-bottom: 115px;
}

.section_kicker {
  color: var(--forest);
}

.section_intro {
  max-width: 670px;
  margin-bottom: 32px;
}

.section_intro p:last-child,
.copy_column p,
.rich_copy p {
  color: var(--muted);
}

.profile_image {
  display: block;
  width: min(100%, 280px);
  aspect-ratio: 1;
  margin-bottom: 46px;
  object-fit: cover;
  filter: saturate(0.8);
}

.side_image {
  display: block;
  width: 100%;
  margin-bottom: 18px;
}

.band_image {
  display: block;
  width: 100%;
  max-height: 360px;
  object-fit: cover;
}

.source_note {
  color: #92978d !important;
  font-size: 0.7rem !important;
}

.proof_strip {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, 1fr);
  margin-bottom: 105px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.proof_lead,
.proof_stat {
  padding: 27px 25px;
}

.proof_lead {
  color: var(--paper);
  background: var(--forest);
}

.proof_lead strong {
  display: block;
  font-family: var(--font-display);
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.06em;
  line-height: 1;
}

.proof_lead span,
.proof_stat span {
  display: block;
  margin-top: 10px;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.proof_stat {
  border-left: 1px solid var(--line);
}

.proof_stat strong {
  display: block;
  color: var(--forest);
  font-family: var(--font-display);
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.06em;
  line-height: 1;
}

.proof_stat span {
  color: var(--muted);
}

.work_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.project_card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  background: var(--paper);
  box-shadow: 0 9px 25px rgba(13, 44, 42, 0.07);
  transition: transform 0.35s var(--ease_out), box-shadow 0.35s var(--ease_out);
}

.project_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(6, 24, 22, 0.14);
}

.project_card_media {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  background: #dce3dc;
}

.project_card_body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px 20px 20px;
}

.project_label {
  margin-bottom: 10px;
  color: var(--coral);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.project_card h3 {
  margin-bottom: 12px;
}

.project_card p {
  max-width: 470px;
  margin-bottom: 20px;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.tag_list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: auto;
}

.tag {
  padding: 5px 8px;
  color: var(--forest);
  background: var(--teal_pale);
  font-size: 0.65rem;
  font-weight: 800;
}

.card_link,
.text_link {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  margin-top: 18px;
  color: var(--forest);
  font-size: 0.78rem;
  font-weight: 850;
  text-decoration: none;
}

.card_link:hover,
.text_link:hover {
  color: var(--coral);
}

.split_section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  gap: 70px;
  align-items: start;
}

.dark_band,
.apple_band {
  width: 100%;
  max-width: none;
  padding: 56px 0;
  color: #1d1d1f;
  background: #f5f5f7;
}

.dark_band .section_kicker,
.apple_band .section_kicker {
  color: #86868b;
}

.dark_band p,
.apple_band p {
  color: #6e6e73;
}

.dark_band .text_link,
.apple_band .text_link {
  color: #1d1d1f;
}

.quote_pull {
  padding: 29px;
  border-left: 3px solid var(--coral);
  background: rgba(255, 253, 248, 0.08);
}

.quote_pull p {
  margin-bottom: 18px;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: 1.4rem;
  line-height: 1.15;
}

.quote_pull span {
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 800;
}

.quote_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.quote_card {
  display: flex;
  flex-direction: column;
  min-height: 305px;
  padding: 26px;
  background: #214a46;
}

.quote_mark {
  color: var(--coral);
  font-family: var(--font-display);
  font-size: 3.2rem;
  line-height: 0.55;
}

.quote_card blockquote {
  flex: 1;
  margin: 24px 0 28px;
  color: rgba(255, 253, 248, 0.92);
  font-family: var(--font-display);
  font-size: 1.08rem;
  line-height: 1.3;
}

.quote_footer {
  display: grid;
  gap: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 253, 248, 0.18);
}

.quote_footer strong {
  color: var(--gold);
  font-size: 0.75rem;
}

.quote_footer span {
  color: rgba(255, 253, 248, 0.55);
  font-size: 0.7rem;
}

.trend_section {
  margin-top: 110px;
}

.trend_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.trend_cards article {
  padding: 21px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.trend_cards h3 {
  margin-bottom: 15px;
  font-size: 1.35rem;
}

.sparkline {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.sparkline line {
  stroke: var(--line);
  stroke-width: 1;
}

.sparkline polyline {
  fill: none;
  stroke: var(--coral);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.sparkline circle {
  fill: var(--paper);
  stroke: var(--forest);
  stroke-width: 2.5;
}

.nps_display {
  display: grid;
  place-content: center;
  min-height: 280px;
  padding: 25px;
  color: var(--paper);
  background: var(--forest);
  text-align: center;
}

.nps_display strong {
  color: var(--gold);
  font-family: var(--font-display);
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: -0.1em;
  line-height: 0.9;
}

.nps_display span {
  margin-top: 14px;
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nps_display small {
  margin-top: 21px;
  color: rgba(255, 253, 248, 0.63);
  font-size: 0.7rem;
}

.evidence_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.evidence_figure {
  margin: 0;
  padding: 11px;
  background: var(--paper);
  box-shadow: 0 8px 22px rgba(13, 44, 42, 0.07);
}

.evidence_figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #ebe9df;
}

.evidence_figure figcaption {
  padding: 10px 3px 1px;
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.content_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 80px;
  align-items: start;
}

.content_layout h2 {
  margin-bottom: 25px;
}

.rich_copy {
  max-width: 720px;
  font-size: 1rem;
}

.rich_copy h3 {
  margin-top: 45px;
  font-size: 2rem;
}

.rich_copy ul {
  display: grid;
  gap: 10px;
  padding-left: 20px;
  color: var(--muted);
}

.side_card {
  position: sticky;
  top: 24px;
  padding: 24px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.side_card h3 {
  font-size: 1.3rem;
}

.side_card p {
  color: var(--muted);
  font-size: 0.8rem;
}

.side_card .tag_list {
  margin-top: 18px;
}

.media_frame {
  margin: 45px 0;
  padding: 12px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.media_frame img,
.media_frame video {
  display: block;
  width: 100%;
  max-height: 570px;
  object-fit: contain;
}

.media_frame figcaption {
  padding: 12px 4px 0;
  color: var(--muted);
  font-size: 0.7rem;
}

.case_hero {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 40px;
  align-items: center;
  min-height: 0;
}

.case_hero .media_frame {
  margin: 0;
}

.case_hero_copy p {
  max-width: 510px;
  color: var(--muted);
}

.case_meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 28px 0;
}

.case_meta span {
  padding: 6px 9px;
  color: var(--forest);
  background: var(--teal_pale);
  font-size: 0.68rem;
  font-weight: 800;
}

.case_sections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 40px;
}

.case_section {
  padding-top: 18px;
  border-top: 2px solid var(--forest);
}

.case_section h3 {
  font-size: 1.6rem;
}

.case_section p {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.combine_feature {
  padding-top: 18px;
}

.combine_fold {
  display: grid;
  gap: 14px;
  align-items: start;
}

.combine_fold_top {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.9fr);
  gap: 18px 28px;
  align-items: stretch;
}

.combine_fold_copy {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
}

.combine_fold_intro,
.combine_fold_head,
.combine_fold_actions,
.combine_fold_copy_top,
.combine_fold_copy_actions,
.combine_fold_visual {
  display: contents;
}

.combine_apple_hero {
  width: min(1180px, calc(100% - 40px));
  padding: 2px 0 6px;
}

.combine_apple_hero h1 {
  max-width: 34ch;
  margin: 0;
  font-size: clamp(1.55rem, 2.6vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.combine_apple_hero .apple_lede {
  max-width: 46ch;
  margin: 0;
  color: #6e6e73;
  font-size: 0.96rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.combine_apple_hero .combine_hero_facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  gap: 0;
  border: 1px solid #e8e8ed;
  border-radius: 16px;
  overflow: hidden;
  background: #fbfbfd;
}

.combine_apple_hero .apple_metric {
  min-height: 0;
  padding: 10px 14px;
  border-radius: 0;
  border-right: 1px solid #e8e8ed;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: background 0.18s ease;
}

.combine_apple_hero .apple_metric:last-child {
  border-right: 0;
}

.combine_apple_hero a.apple_metric:hover {
  background: #f0f0f3;
  transform: none;
}

.combine_apple_hero .apple_metric strong {
  display: block;
  margin-bottom: 2px;
  color: #1d1d1f;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.combine_apple_hero .apple_metric span {
  color: #6e6e73;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.25;
}

.combine_fold_chips {
  margin: 2px 0 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.combine_apple_hero .apple_chip_row {
  margin-top: 0;
}

.combine_apple_hero .apple_chip_primary {
  color: #ffffff;
  background: #1d1d1f;
}

.combine_apple_hero .apple_chip_primary:hover {
  background: #000000;
}

.combine_brand_row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 0;
}

.combine_club_logo {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 11px;
  background: #000000;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.combine_club_name {
  margin: 0;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.combine_brand_row .apple_eyebrow {
  margin: 0 0 2px;
}

.combine_apple_hero .combine_tag_row {
  margin: 0 0 12px;
}

.combine_apple_hero .combine_tag_row .apple_chip {
  min-height: 34px;
  padding: 0 12px;
  font-size: 0.82rem;
  pointer-events: none;
}

.combine_fold_media {
  margin: 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.combine_fold_media img,
.combine_fold_media video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  background: #f5f5f7;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
}

.combine_omar_figure {
  margin: 28px 0 8px;
  width: 70%;
  max-width: 504px;
}

.combine_omar_figure img,
.combine_omar_figure video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 294px;
  object-fit: cover;
  object-position: 58% 30%;
  border-radius: 16px;
  background: #f5f5f7;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

.combine_omar_note {
  margin: 12px 0 0;
  max-width: 42rem;
  color: #1d1d1f;
  font-size: 1.12rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.45;
}

.combine_media_credit {
  margin: 8px 0 0;
  padding: 0 2px;
  color: #6e6e73;
  font-size: 0.78rem;
  line-height: 1.4;
}

.combine_media_credit a {
  color: #1d1d1f;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.combine_motion_embedded {
  margin: 8px 0 0 !important;
  width: 100%;
  min-width: 0;
}

.combine_motion_embedded .combine_motion_viewport {
  border-radius: 16px;
  background: #f5f5f7;
}

.combine_motion_embedded .combine_motion_track {
  gap: 10px;
  padding: 8px;
}

.combine_motion_embedded .combine_motion_slide {
  width: min(156px, 26vw);
  padding: 5px;
  border-radius: 12px;
  box-shadow: none;
  background: #ffffff;
}

.combine_motion_embedded .combine_motion_media,
.combine_motion_embedded .combine_motion_slide img,
.combine_motion_embedded .combine_motion_slide video {
  height: 78px;
  border-radius: 8px;
}

.combine_motion_embedded .combine_motion_slide figcaption {
  padding-top: 6px;
  font-size: 0.62rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.combine_drill_tile,
#combine-drills,
#combine-story,
#combine-sources,
#combine-gallery {
  scroll-margin-top: 18px;
}

@media (max-width: 900px) {
  .combine_fold_top {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .combine_fold_media img,
  .combine_fold_media video {
    min-height: 160px;
    max-height: 200px;
    height: 180px;
  }

  .combine_apple_hero .combine_hero_facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .combine_apple_hero .apple_metric:nth-child(2) {
    border-right: 0;
  }

  .combine_apple_hero .apple_metric:nth-child(1),
  .combine_apple_hero .apple_metric:nth-child(2) {
    border-bottom: 1px solid #e8e8ed;
  }

  .combine_motion_embedded .combine_motion_slide {
    width: min(148px, 42%);
  }

  .combine_motion_embedded .combine_motion_media,
  .combine_motion_embedded .combine_motion_slide img,
  .combine_motion_embedded .combine_motion_slide video {
    height: 68px;
  }

  .combine_apple_hero .apple_metric {
    padding: 8px 10px;
  }
}

@media (max-width: 600px) {
  .combine_apple_hero {
    width: min(100% - 34px, 1180px);
    padding: 2px 0 6px;
  }

  .combine_omar_figure {
    width: 100%;
    max-width: 100%;
  }

  .combine_omar_note {
    font-size: 1.02rem;
  }

  .combine_fold {
    gap: 10px;
  }

  .combine_fold_copy {
    gap: 8px;
  }

  .combine_club_logo {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .combine_fold_media img,
  .combine_fold_media video {
    min-height: 140px;
    max-height: 168px;
    height: 152px;
    border-radius: 14px;
  }

  .combine_apple_hero .combine_hero_facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .combine_apple_hero .apple_metric {
    padding: 7px 9px;
  }

  .combine_apple_hero .apple_metric strong {
    font-size: 0.82rem;
  }

  .combine_apple_hero h1 {
    font-size: 1.42rem;
    max-width: none;
  }

  .combine_apple_hero .apple_lede {
    max-width: none;
    font-size: 0.9rem;
    -webkit-line-clamp: 3;
  }

  .combine_motion_embedded {
    margin-top: 6px !important;
  }

  .combine_motion_embedded .combine_motion_track {
    padding: 6px;
    gap: 8px;
  }

  .combine_motion_embedded .combine_motion_slide {
    width: min(132px, 40%);
    padding: 4px;
  }

  .combine_motion_embedded .combine_motion_media,
  .combine_motion_embedded .combine_motion_slide img,
  .combine_motion_embedded .combine_motion_slide video {
    height: 58px;
  }

  .combine_motion_embedded .combine_motion_slide figcaption {
    padding-top: 4px;
    font-size: 0.58rem;
  }
}

@media (max-height: 780px) and (min-width: 901px) {
  .combine_fold_media img,
  .combine_fold_media video {
    min-height: 180px;
    max-height: 240px;
  }

  .combine_motion_embedded {
    margin-top: 6px !important;
  }
}

.case_link_catalog {
  margin-top: 40px;
}

.case_link_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.case_link_group h3 {
  font-size: 1.15rem;
  margin-bottom: 12px;
}

.case_link_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.case_link_list a {
  color: var(--forest);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 0.9rem;
  line-height: 1.35;
}

.case_link_list a:hover {
  color: var(--ink);
}

.combine_motion {
  margin: 24px 0 8px;
  overflow: hidden;
}

.combine_motion_viewport {
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}

.combine_motion_track {
  display: flex;
  gap: 18px;
  width: max-content;
  padding: 8px 0 18px;
  animation: combine_marquee 70s linear infinite;
}

.combine_motion:hover .combine_motion_track {
  animation-play-state: paused;
}

.combine_motion_slide {
  flex: 0 0 auto;
  width: min(220px, 68vw);
  margin: 0;
  padding: 8px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.combine_motion_media,
.combine_motion_slide img,
.combine_motion_slide video {
  display: block;
  width: 100%;
  height: 118px;
  object-fit: cover;
  background: #ece7dc;
}

.combine_motion_slide figcaption {
  padding-top: 10px;
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.35;
}

@keyframes combine_marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .combine_motion_track {
    animation: none;
    flex-wrap: wrap;
    width: min(100% - 34px, 1180px);
    margin: 0 auto;
    justify-content: center;
  }
}

.combine_drills.page_wrap {
  padding-top: 12px;
  padding-bottom: 28px;
}

.combine_drills {
  padding-top: 8px;
}

.combine_drill_list {
  display: grid;
  gap: 36px;
  margin-top: 24px;
}

.combine_drill_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.combine_drill_tile {
  display: grid;
  gap: 14px;
  padding: 14px;
  background: #f5f5f7;
  border-radius: 24px;
}

.combine_drill_tile_media {
  display: grid;
  gap: 8px;
}

.combine_drill_hero {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  background: #e8e8ed;
}

.combine_drill_thumb_row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.combine_drill_thumb {
  margin: 0;
}

.combine_drill_thumb img,
.combine_drill_thumb video {
  display: block;
  width: 100%;
  height: 72px;
  object-fit: cover;
  border-radius: 10px;
  background: #e8e8ed;
}

.combine_drill_thumb:only-child {
  grid-column: 1 / -1;
}

.combine_drill_thumb figcaption {
  padding-top: 4px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.68rem;
}

.combine_drill_tile_copy {
  display: grid;
  gap: 8px;
}

.combine_drill_num {
  margin: 0;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.combine_drill_tile_copy h3 {
  margin: 0;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.combine_drill_tile_copy > p:not(.combine_drill_num) {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.combine_drill_tile .apple_chip {
  min-height: 34px;
  padding: 0 12px;
  font-size: 0.82rem;
}

.section_intro_compact {
  margin-bottom: 16px;
}

.section_intro_compact h2 {
  margin-bottom: 0;
}

.combine_tail.page_wrap {
  padding-top: 20px;
}

.combine_drill_card {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: start;
  padding-top: 18px;
  border-top: 2px solid var(--forest);
}

.combine_drill_copy h3 {
  font-size: 1.7rem;
  margin: 0 0 12px;
}

.combine_drill_copy p {
  color: var(--muted);
  font-size: 0.9rem;
}

.combine_drill_media {
  display: grid;
  gap: 14px;
}

.combine_video_frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #111;
  box-shadow: var(--shadow);
}

.combine_video_frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1100px) {
  .combine_drill_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .combine_drill_card {
    grid-template-columns: 1fr;
  }

  .combine_drill_tile {
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
  }

  .combine_drill_hero {
    aspect-ratio: 16 / 10;
    border-radius: 12px;
  }

  .combine_drill_thumb_row {
    display: none;
  }

  .combine_drill_tile_copy > p:not(.combine_drill_num) {
    -webkit-line-clamp: 3;
    font-size: 0.88rem;
    line-height: 1.4;
  }

  .combine_motion {
    margin: 16px 0 4px;
  }

  .combine_motion_media,
  .combine_motion_slide img,
  .combine_motion_slide video {
    height: 96px;
  }

  .section_intro_compact {
    margin-bottom: 10px;
  }

  .combine_drills.page_wrap,
  .combine_tail.page_wrap {
    padding-top: 10px;
    padding-bottom: 22px;
  }

  .apple_evidence_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.metric_callout {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 19px;
  align-items: center;
  margin: 42px 0;
  padding: 25px;
  color: var(--paper);
  background: var(--forest);
}

.metric_callout strong {
  color: var(--gold);
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.metric_callout p {
  margin: 0;
  color: rgba(255, 253, 248, 0.78);
  font-size: 0.83rem;
}

.gallery_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.gallery_grid figure {
  margin: 0;
  padding: 9px;
  background: var(--paper);
}

.gallery_grid img {
  display: block;
  width: 100%;
  height: 175px;
  object-fit: cover;
}

.gallery_grid figcaption {
  padding: 9px 3px 1px;
  color: var(--muted);
  font-size: 0.67rem;
  font-weight: 750;
}

.timeline_list {
  display: grid;
  gap: 0;
}

.timeline_item {
  display: grid;
  grid-template-columns: 175px 1fr;
  gap: 27px;
  padding: 27px 0;
  border-top: 1px solid var(--line);
}

.timeline_item:last-child {
  border-bottom: 1px solid var(--line);
}

.timeline_year {
  color: var(--coral);
  font-size: 0.73rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.timeline_item h3 {
  margin-bottom: 8px;
  font-size: 1.55rem;
}

.timeline_item p {
  margin: 0;
  color: var(--muted);
  font-size: 0.87rem;
}

.timeline_figure {
  margin: 18px 0 0;
  max-width: 420px;
}

.timeline_figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.timeline_figure figcaption {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.45;
}

.apple_timeline {
  color: #1d1d1f;
  background: #ffffff;
  padding-top: 14px;
}

.apple_timeline .apple_more,
.apple_timeline_list {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
}

.apple_timeline_perspective {
  width: min(100%, calc(100vw - 32px));
  max-width: 1240px;
  margin: 4px auto 16px;
}

.apple_timeline_perspective_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.apple_timeline_perspective_toolbar h1 {
  margin: 0;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.75rem, 2.8vw, 1.95rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.apple_timeline_perspective_controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.apple_timeline_perspective_arrow {
  min-width: 36px;
  min-height: 36px;
  padding: 0 12px;
  color: #1d1d1f;
  background: #f5f5f7;
  border: 1px solid #d2d2d7;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.apple_timeline_perspective_arrow:hover {
  background: #ececf0;
  transform: translateY(-1px);
}

.apple_timeline_perspective_stage {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 18% 20%, rgba(50, 173, 230, 0.14) 0%, transparent 42%),
    radial-gradient(ellipse at 82% 78%, rgba(212, 160, 23, 0.12) 0%, transparent 40%),
    linear-gradient(165deg, #f8f9fb 0%, #eceef3 48%, #e4e7ee 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 18px 40px rgba(29, 29, 31, 0.1);
}

.apple_timeline_perspective_floor {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.35) 46%, transparent 68%),
    radial-gradient(ellipse at 50% 55%, rgba(255, 255, 255, 0.5) 0%, transparent 58%);
  pointer-events: none;
}

.apple_timeline_perspective_slope {
  position: relative;
  z-index: 2;
  padding: 28px 8px 34px;
  transform: rotate(-5deg);
  transform-origin: 50% 50%;
}

.apple_timeline_perspective_path {
  position: absolute;
  top: 50%;
  right: 1%;
  left: 1%;
  height: 4px;
  background: linear-gradient(90deg, #c7c7cc 0%, #8e8e93 18%, #32ade6 42%, #1f3a63 62%, #d4a017 82%, #34a853 100%);
  border-radius: 999px;
  transform: translateY(-50%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 8px 18px rgba(31, 58, 99, 0.16);
  pointer-events: none;
  z-index: 1;
}

.apple_timeline_perspective_path::after {
  content: "";
  position: absolute;
  inset: -6px 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(50, 173, 230, 0.22), rgba(212, 160, 23, 0.18), transparent);
  filter: blur(6px);
  z-index: -1;
}

.apple_timeline_perspective_viewport {
  position: relative;
  z-index: 2;
  overflow: visible;
  min-height: 390px;
  padding: 10px 0;
}

.apple_timeline_perspective_track {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
  min-height: 370px;
  padding: 0 2px;
  transition: transform 0.55s ease;
  will-change: transform;
}

.apple_timeline_perspective_node {
  --tone: #8e8e93;
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 370px;
  opacity: 0.55;
  transition: flex 0.5s ease, opacity 0.4s ease;
}

.apple_timeline_perspective_node[data-tone="gray"] { --tone: #8e8e93; }
.apple_timeline_perspective_node[data-tone="cyan"] { --tone: #32ade6; }
.apple_timeline_perspective_node[data-tone="navy"] { --tone: #1f3a63; }
.apple_timeline_perspective_node[data-tone="gold"] { --tone: #d4a017; }
.apple_timeline_perspective_node[data-tone="green"] { --tone: #34a853; }

.apple_timeline_perspective_node.is-active {
  flex: 3 1 0;
  opacity: 1;
  z-index: 4;
}

.apple_timeline_perspective_node.is-near {
  opacity: 0.72;
}

.apple_timeline_perspective_anchor {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent;
  border: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.apple_timeline_perspective_anchor_ring,
.apple_timeline_perspective_anchor_core {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.apple_timeline_perspective_anchor_ring {
  border: 2px solid var(--tone);
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.12),
    0 0 0 3px color-mix(in srgb, var(--tone) 16%, transparent);
}

.apple_timeline_perspective_anchor_core {
  inset: 4px;
  background: var(--tone);
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_anchor {
  width: 20px;
  height: 20px;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_anchor_ring {
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.16),
    0 0 0 5px color-mix(in srgb, var(--tone) 22%, transparent);
}

.apple_timeline_perspective_stalk {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 16px;
  background: var(--tone);
  transform: translateX(-50%);
  border-radius: 999px;
}

.apple_timeline_perspective_node[data-side="above"] .apple_timeline_perspective_stalk {
  bottom: 50%;
}

.apple_timeline_perspective_node[data-side="below"] .apple_timeline_perspective_stalk {
  top: 50%;
}

.apple_timeline_perspective_card {
  position: absolute;
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 6px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transform: rotate(5deg);
  transform-origin: center center;
  transition: padding 0.45s ease, border-radius 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease, transform 0.45s ease;
}

.apple_timeline_perspective_node[data-side="above"] .apple_timeline_perspective_card {
  bottom: calc(50% + 16px);
}

.apple_timeline_perspective_node[data-side="below"] .apple_timeline_perspective_card {
  top: calc(50% + 16px);
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_card {
  padding: 8px;
  border-radius: 10px;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.16),
    0 0 0 1px color-mix(in srgb, var(--tone) 28%, transparent);
  border-color: color-mix(in srgb, var(--tone) 42%, #d2d2d7);
  transform: rotate(5deg) translateY(-4px);
}

.apple_timeline_perspective_year {
  margin: 0 0 2px;
  color: var(--tone);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  transition: font-size 0.45s ease;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_year {
  font-size: 1rem;
}

.apple_timeline_perspective_title {
  margin: 0 0 3px;
  color: var(--tone);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.44rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: font-size 0.45s ease;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_title {
  font-size: 0.56rem;
}

.apple_timeline_perspective_excerpt {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.54rem;
  line-height: 1.3;
}

.apple_timeline_perspective_excerpt_short {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.apple_timeline_perspective_excerpt_full {
  display: none;
  font-size: 0.58rem;
  line-height: 1.35;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_excerpt_short {
  display: none;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_excerpt_full {
  display: -webkit-box;
}

.apple_timeline_perspective_thumb {
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f5f5f7;
}

.apple_timeline_perspective_thumb img,
.apple_timeline_perspective_thumb_img {
  display: block;
  width: 100%;
  height: 34px;
  object-fit: cover;
  transition: height 0.45s ease;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb img,
.apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb_img {
  height: 102px;
}

.apple_timeline_perspective_thumb_placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 34px;
  color: #86868b;
  font-size: 0.48rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #f5f5f7;
  transition: height 0.45s ease, font-size 0.45s ease;
}

.apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb_placeholder {
  height: 102px;
  font-size: 0.68rem;
}

.apple_timeline_perspective_dots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 18px;
}

.apple_timeline_perspective_dot {
  width: 11px;
  height: 11px;
  padding: 0;
  background: #d2d2d7;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.apple_timeline_perspective_dot[data-tone="gray"] { background: #c7c7cc; }
.apple_timeline_perspective_dot[data-tone="cyan"] { background: #9fd9f4; }
.apple_timeline_perspective_dot[data-tone="navy"] { background: #8ea3c4; }
.apple_timeline_perspective_dot[data-tone="gold"] { background: #ecd27a; }
.apple_timeline_perspective_dot[data-tone="green"] { background: #9fd4ab; }

.apple_timeline_perspective_dot.is-active {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px currentColor;
}

.apple_timeline_perspective_dot[data-tone="gray"].is-active { color: #8e8e93; background: #8e8e93; }
.apple_timeline_perspective_dot[data-tone="cyan"].is-active { color: #32ade6; background: #32ade6; }
.apple_timeline_perspective_dot[data-tone="navy"].is-active { color: #1f3a63; background: #1f3a63; }
.apple_timeline_perspective_dot[data-tone="gold"].is-active { color: #d4a017; background: #d4a017; }
.apple_timeline_perspective_dot[data-tone="green"].is-active { color: #34a853; background: #34a853; }

.apple_timeline_list_heading {
  margin: 0 0 12px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.apple_timeline_list {
  position: relative;
  padding: 16px 0 40px;
}

.apple_timeline_list::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 64px;
  left: 18px;
  width: 2px;
  background: linear-gradient(180deg, #d2d2d7 0%, #e8e8ed 55%, transparent 100%);
  pointer-events: none;
}

.apple_timeline_item {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 16px 24px;
  align-items: center;
  padding: 20px 0;
  scroll-margin-top: 88px;
  border-top: 1px solid #e8e8ed;
}

.apple_timeline_item:first-child {
  border-top: 0;
  padding-top: 8px;
}

.apple_timeline_marker {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 14px;
  height: 14px;
  margin-top: 8px;
  background: #ffffff;
  border: 2px solid #1d1d1f;
  border-radius: 50%;
  box-shadow: 0 0 0 6px #ffffff;
}

.apple_timeline_media {
  grid-column: 2;
  margin: 0;
}

.apple_timeline_item_flip .apple_timeline_media {
  grid-column: 3;
}

.apple_timeline_item_flip .apple_timeline_copy {
  grid-column: 2;
}

.apple_timeline_item_text {
  grid-template-columns: 36px minmax(0, 1fr);
}

.apple_timeline_item_text .apple_timeline_copy {
  grid-column: 2;
  max-width: 720px;
}

.apple_timeline_media img,
.apple_timeline_media video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: 22px;
  background: #f5f5f7;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.09);
}

.apple_timeline_media figcaption {
  margin-top: 12px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
}

.apple_timeline_copy {
  grid-column: 3;
  max-width: 480px;
}

.apple_timeline_year {
  margin: 0 0 10px;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.apple_timeline_copy h2 {
  margin: 0 0 14px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.12;
}

.apple_timeline_copy p {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.55;
}

.apple_timeline_copy .apple_text_link {
  display: inline-block;
  margin-top: 18px;
}

.apple_timeline .apple_more {
  padding-bottom: 72px;
}

@media (max-width: 900px) {
  .apple_timeline_perspective {
    width: min(100%, calc(100vw - 24px));
  }

  .apple_timeline_perspective_viewport {
    min-height: 320px;
  }

  .apple_timeline_perspective_track {
    gap: 3px;
    min-height: 300px;
    padding: 0 2px;
  }

  .apple_timeline_perspective_node {
    height: 300px;
  }

  .apple_timeline_perspective_year {
    font-size: 0.68rem;
  }

  .apple_timeline_perspective_node.is-active .apple_timeline_perspective_year {
    font-size: 0.86rem;
  }

  .apple_timeline_perspective_excerpt_short {
    -webkit-line-clamp: 2;
  }

  .apple_timeline_perspective_excerpt_full {
    font-size: 0.52rem;
  }

  .apple_timeline_perspective_thumb img,
  .apple_timeline_perspective_thumb_img,
  .apple_timeline_perspective_thumb_placeholder {
    height: 28px;
  }

  .apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb img,
  .apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb_img,
  .apple_timeline_perspective_node.is-active .apple_timeline_perspective_thumb_placeholder {
    height: 84px;
  }

  .apple_timeline_list::before {
    display: none;
  }

  .apple_timeline_item,
  .apple_timeline_item_flip {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 36px 0;
  }

  .apple_timeline_marker {
    display: none;
  }

  .apple_timeline_media,
  .apple_timeline_item_flip .apple_timeline_media,
  .apple_timeline_copy,
  .apple_timeline_item_flip .apple_timeline_copy {
    grid-column: 1;
  }

  .apple_timeline_copy {
    max-width: none;
  }
}

@media (max-width: 600px) {
  .apple_timeline .apple_more,
  .apple_timeline_list {
    width: min(100% - 34px, 1240px);
  }

  .apple_timeline_perspective_toolbar h1 {
    font-size: clamp(1.75rem, 7vw, 2.1rem);
  }

  .apple_timeline_perspective_stage {
    border-radius: 22px;
  }

  .apple_timeline_perspective_excerpt {
    font-size: 0.78rem;
  }

  .apple_timeline_media img,
  .apple_timeline_media video {
    border-radius: 18px;
  }
}

.contact_card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: center;
  padding: 38px;
  color: var(--paper);
  background: var(--forest);
  box-shadow: var(--shadow);
}

.contact_card h2 {
  margin-bottom: 12px;
}

.contact_card .section_kicker {
  color: var(--gold);
}

.contact_card p {
  max-width: 470px;
  margin: 0;
  color: rgba(255, 253, 248, 0.72);
}

.contact_details {
  display: grid;
  gap: 8px;
  justify-items: end;
  font-size: 0.82rem;
  font-weight: 750;
}

.contact_details a {
  color: var(--gold);
  text-decoration: none;
}

.site_footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  padding: 28px 0 34px;
  border-top: 1px solid var(--line);
}

.site_footer p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 0.72rem;
}

.footer_links {
  display: flex;
  gap: 22px;
  align-items: start;
  color: var(--forest);
  font-size: 0.75rem;
  font-weight: 800;
}

.footer_links a {
  text-decoration: none;
}

.footer_method {
  grid-column: 1 / -1;
  color: #92978d !important;
  font-size: 0.65rem !important;
}

.live_header {
  position: relative;
  z-index: 30;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 4px 0 6px;
  color: #0b1f1c;
  background:
    linear-gradient(180deg, rgba(247, 250, 251, 0.96), rgba(255, 255, 255, 0.92)),
    #ffffff;
  border-bottom: 1px solid rgba(11, 31, 28, 0.08);
  backdrop-filter: blur(10px);
  text-align: center;
}

.live_micro_nav {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 40;
  width: min(1170px, calc(100% - 34px));
  height: 39px;
  margin: 0;
  color: #777777;
  font-size: 0.48rem;
  text-transform: uppercase;
  transform: translateX(-50%);
  pointer-events: none;
}

.live_social_strip {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 39px;
  pointer-events: auto;
}

.live_social_strip img {
  display: block;
  width: 230px;
  height: 39px;
}

.live_social_link {
  position: absolute;
  top: 7px;
  display: block;
  width: 22px;
  height: 24px;
}

.live_social_link_0 {
  left: 4px;
}

.live_social_link_1 {
  left: 33px;
}

.live_social_link_2 {
  left: 62px;
}

.live_social_link_3 {
  left: 90px;
}

.live_social_link_4 {
  left: 119px;
}

.live_social_link_5 {
  left: 148px;
  width: 23px;
}

.live_social_link_6 {
  left: 177px;
}

.live_social_link_7 {
  left: 206px;
}

.live_search {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 50;
  pointer-events: auto;
}

.live_search_bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #1d1d1f;
  background: #f5f5f7;
  border: 1px solid rgba(29, 29, 31, 0.14);
  border-radius: 980px;
  transition: width 0.22s ease;
}

.live_search.is_open .live_search_bar {
  width: min(320px, calc(100vw - 28px));
  padding-left: 14px;
}

.live_search_toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 980px;
  cursor: pointer;
}

.live_search_icon {
  display: block;
  width: 18px;
  height: 18px;
}

.live_search_field {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
}

.live_search.is_open .live_search_field {
  display: grid;
}

.live_search_field_label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.live_search_field input {
  width: 100%;
  min-height: 36px;
  padding: 0 4px 0 0;
  color: #1d1d1f;
  background: transparent;
  border: 0;
  outline: none;
  font-family: var(--font-display);
  font-size: 0.95rem;
  letter-spacing: -0.01em;
}

.live_search_results {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  display: none;
  gap: 4px;
  box-sizing: border-box;
  width: min(320px, calc(100vw - 28px));
  max-height: 320px;
  margin: 0;
  padding: 8px;
  overflow: auto;
  color: #1d1d1f;
  background: #ffffff;
  border: 1px solid rgba(29, 29, 31, 0.12);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
  text-transform: none;
}

.live_search.is_open .live_search_results:not([hidden]) {
  display: grid;
}

.live_search_result {
  display: grid;
  gap: 2px;
  padding: 10px 10px;
  color: inherit;
  border-radius: 10px;
  text-decoration: none;
}

.live_search_result:hover,
.live_search_result:focus-visible {
  background: #f5f5f7;
  outline: none;
}

.live_search_result_label {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.25;
}

.live_search_result_meta {
  font-size: 0.78rem;
  opacity: 0.68;
}

.live_search_empty {
  margin: 8px 2px 0;
  font-size: 0.9rem;
  opacity: 0.72;
}

.live_logo {
  position: static;
  z-index: 1;
  display: block;
  margin: 4px 0 2px;
  padding: 0;
  color: #0b1f1c;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.055em;
  text-decoration: none;
  white-space: nowrap;
}

.live_nav {
  position: static;
  width: min(1170px, calc(100% - 34px));
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 600;
  text-transform: uppercase;
  transform: none;
}

.live_nav a {
  display: inline-block;
  padding: 4px 0;
  color: #333333;
  line-height: 18px;
  text-decoration: none;
}

.live_nav a:hover,
.live_nav a.active {
  color: var(--coral);
}

.live_home {
  min-height: 900px;
  color: #0b1f1c;
  background: #f5f6f8;
}

.page_title_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.live_home .live_content {
  padding-top: 4px;
}

.home_hiring_for {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0 0 8px;
}

.home_fold_grid {
  margin: 0 0 4px;
}

.live_home .home_fold_masonry,
.live_home .home_fold_grid {
  margin-top: 0;
}

/* Slightly shorter fold cards so More proof peeks on the first screen. */
.home_fold_masonry .live_tile .nps_claim_card,
.home_fold_masonry .live_tile .fiverr_claim_card,
.home_fold_masonry .live_tile .dataship_claim_card,
.home_fold_masonry .live_tile .resolve_claim_card,
.home_fold_masonry .live_tile .hazan_claim_card,
.home_fold_masonry .live_tile .golf_claim_card,
.home_fold_masonry .live_tile .jump_claim_card,
.home_fold_masonry .live_tile .linkedin_claim_card,
.home_fold_masonry .live_tile .perspective_claim_card,
.home_fold_masonry .live_tile .teach_claim_card {
  aspect-ratio: 960 / 580;
}

.home_fold_masonry .live_column {
  min-height: 0;
}

/* Fold juggle: force two-row claim height and crop the empty tree tops. */
.home_fold_masonry .live_tile.is_fold_juggle {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.home_fold_masonry .live_tile.is_fold_juggle > img.live_tile_media,
.home_fold_masonry .live_tile.is_fold_juggle > video.live_tile_media {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  /* Match reference: person centered, clear ground slab under feet. */
  object-position: 50% 78%;
  transform: translateX(-8%);
  transform-origin: center center;
}

.home_fold_masonry .live_tile.is_fold_juggle:hover > img.live_tile_media,
.home_fold_masonry .live_tile.is_fold_juggle:hover > video.live_tile_media,
.home_fold_masonry .live_tile.is_fold_juggle:focus-visible > img.live_tile_media,
.home_fold_masonry .live_tile.is_fold_juggle:focus-visible > video.live_tile_media {
  transform: translateX(-8%) scale(1.04);
}

/* Stretch short fold columns so the six-tile plane shares one bottom edge. */
.home_fold_masonry .live_tile.is_fold_fill {
  display: flex;
  flex-direction: column;
}

.home_fold_masonry .live_tile.is_fold_fill > img.live_tile_media,
.home_fold_masonry .live_tile.is_fold_fill > video.live_tile_media {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}

.home_fold_masonry .live_tile.is_fold_fill > article.live_tile_media {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: auto;
}

.home_fold_masonry .live_tile.is_fold_fill .nps_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .fiverr_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .dataship_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .resolve_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .hazan_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .golf_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .jump_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .linkedin_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .perspective_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .cameo_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .estern_claim_card,
.home_fold_masonry .live_tile.is_fold_fill .teach_claim_card {
  aspect-ratio: auto;
  height: 100%;
  min-height: 100%;
}

.home_more_proof {
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.home_more_cue {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 0 8px;
  color: #475569;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.home_more_cue:hover,
.home_more_cue:focus-visible {
  color: #0f766e;
}

.home_more_cue:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 4px;
  border-radius: 8px;
}

#more-proof-grid {
  scroll-margin-top: 24px;
}

.home_more_label {
  margin: 0;
  color: #475569;
  font-family: var(--font-display);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.home_more_arrow {
  display: inline-flex;
  color: #0f766e;
  line-height: 0;
  animation: home_more_bounce 4.5s ease-in-out infinite;
}

@keyframes home_more_bounce {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  50% {
    transform: translateY(3px);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home_more_arrow {
    animation: none;
  }
}

.home_hiring_for .apple_chip {
  min-height: 28px;
  padding: 0 10px;
  font-size: 0.8rem;
}

.home_hiring_label {
  margin: 0;
  color: #6e6e73;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home_hiring_for .apple_chip_row {
  margin: 0;
}

.live_tile .nps_claim_card {
  color: #f5f5f7;
  background: linear-gradient(160deg, #141416 0%, #0c0e10 55%, #16181c 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.live_tile .nps_claim_hero {
  color: #f5f5f7;
}

.live_tile .nps_claim_improve {
  color: var(--hl-mark-fg);
  background: var(--hl-outcome);
  padding: 0.04em 0.12em;
  border-radius: 0.25cqw;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.live_tile .nps_claim_bar_latest {
  background: var(--hl-outcome);
}

.live_tile .nps_claim_turnaround {
  color: #e8e8ed;
}

.live_tile .nps_claim_foot {
  color: #a1a1a6;
}

.live_tile .nps_claim_orgs_label {
  color: #a1a1a6;
}

.live_tile .nps_claim_chart {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.14);
}

.apple_role .apple_hero,
.apple_role .apple_role_body,
.apple_role .apple_proof_hero_row,
.apple_role .trio_gallery,
.apple_role .apple_role_banner,
.apple_role .role_media_strip {
  width: min(1180px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.role_media_strip {
  margin-bottom: 28px;
}

.role_media_strip .apple_role_banner + .apple_role_banner {
  margin-top: 18px;
}

.apple_role_bullets {
  margin: 0 0 28px;
  padding-left: 1.2em;
  color: #1d1d1f;
  font-size: 1.05rem;
  line-height: 1.55;
}

.apple_role_bullets li + li {
  margin-top: 10px;
}

.apple_role_banner {
  margin: 0 auto 28px;
}

.apple_role_banner img,
.apple_role_banner video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

.apple_role_banner figcaption {
  margin-top: 10px;
  color: #6e6e73;
  font-size: 0.95rem;
  line-height: 1.4;
}

.role_proof_row {
  margin: 0 auto 36px;
}

.timeline_role_filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}

.timeline_role_btn {
  margin: 0;
  padding: 8px 14px;
  color: #1d1d1f;
  background: #f5f5f7;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
}

.timeline_role_btn.is_on {
  color: #ffffff;
  background: #1d1d1f;
}

.apple_timeline_item.is_dimmed {
  opacity: 0.28;
  filter: grayscale(0.4);
}

.live_content {
  width: min(1170px, calc(100% - 48px));
  margin: 0 auto;
  padding: 18px 0 90px;
}

.live_content > h1 {
  margin: 0 0 12px;
  max-width: none;
  font-family: var(--font-body);
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: normal;
}

.live_body_grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 234px;
  width: 100%;
  max-width: 1170px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  gap: 24px;
  align-items: start;
}

.live_body_grid_proof {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1170px;
}

.live_masonry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: stretch;
  gap: 18px;
  align-items: start;
  width: 100%;
  max-width: 100%;
}

.live_masonry > .live_tile {
  width: 100%;
}

.live_column {
  display: grid;
  gap: 18px;
  align-content: start;
}

.live_tile {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0;
  color: inherit;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
  clip-path: inset(0 round 20px);
  text-decoration: none;
  transition: transform 0.4s var(--ease_out), box-shadow 0.4s var(--ease_out);
  will-change: transform;
}

.live_tile > img.live_tile_media,
.live_tile > video.live_tile_media {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.55s var(--ease_out);
}

.live_tile > article.live_tile_media {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.55s var(--ease_out);
}

.live_tile_overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  color: #ffffff;
  background: linear-gradient(145deg, rgba(6, 24, 22, 0.94), rgba(14, 51, 48, 0.88));
  text-align: center;
  transform: translate(-100%, -100%);
  transition: transform 0.35s var(--ease_out);
}

.live_tile_overlay span {
  max-width: 90%;
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.live_tile:hover,
.live_tile:focus-visible {
  transform: translateY(-3px) scale(1.015);
  box-shadow: 0 18px 36px rgba(6, 24, 22, 0.16);
  z-index: 2;
}

.live_tile:hover .live_tile_media,
.live_tile:focus-visible .live_tile_media {
  transform: scale(1.04);
}

.live_tile:hover .live_tile_overlay,
.live_tile:focus-visible .live_tile_overlay {
  transform: translate(0, 0);
}

.live_tile:has(.golf_claim_card) .live_tile_overlay,
.live_tile:has(.resolve_claim_card) .live_tile_overlay,
.live_tile:has(.hazan_claim_card) .live_tile_overlay,
.live_tile:has(.jump_claim_card) .live_tile_overlay,
.live_tile:has(.estern_claim_card) .live_tile_overlay,
.live_tile:has(.cameo_claim_card) .live_tile_overlay {
  display: none;
}

.local_lightbox {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 35px;
  background: rgba(0, 0, 0, 0.86);
}

.local_lightbox img {
  display: block;
  max-width: min(92vw, 1100px);
  max-height: 86vh;
  object-fit: contain;
}

.local_lightbox p {
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: center;
}

.local_lightbox_close {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 40px;
  height: 40px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: transparent;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
}

.local_lightbox_close:hover {
  background: rgba(255, 255, 255, 0.15);
}

.live_blog {
  display: grid;
  gap: 21px;
  align-content: start;
  padding-left: 28px;
}

.live_blog > h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.live_blog > p {
  margin: -15px 0 0;
  color: #777777;
  font-size: 0.58rem;
}

.live_blog_post {
  display: grid;
  gap: 8px;
}

.live_blog_post img {
  display: block;
  width: 100%;
  max-height: 160px;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
  background: #f2f2f2;
}

.live_blog_post h3 {
  margin: 0 0 4px;
  color: #ef4f4f;
  font-family: var(--font-body);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.live_blog_post p {
  margin: 0 0 4px;
  color: #777777;
  font-size: 0.57rem;
  line-height: 1.35;
}

.live_blog_post a {
  color: #ef4f4f;
  font-size: 0.54rem;
  font-weight: 700;
  text-decoration: none;
}

.live_profile {
  width: 115px;
  flex: 0 0 115px;
}

.live_follow {
  display: flex;
  gap: 28px;
  align-items: start;
  margin-top: 36px;
  max-width: 560px;
}

.live_follow_copy h2 {
  margin: 0 0 4px;
  font-family: var(--font-body);
  font-size: 0.92rem;
  font-weight: 700;
}

.live_follow_copy p {
  margin: 0;
  color: #777777;
  font-size: 0.72rem;
}

.live_subscribe {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.live_subscribe_field {
  display: flex;
  flex: 1 1 180px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.live_subscribe_field span {
  color: #6e6e73;
  font-size: 0.62rem;
  font-weight: 700;
}

.live_subscribe input[type="email"] {
  width: 100%;
  padding: 8px 10px;
  color: #1d1d1f;
  background: #ffffff;
  border: 1px solid #d2d2d7;
  border-radius: 8px;
  font: inherit;
  font-size: 0.82rem;
}

.live_subscribe button {
  padding: 8px 14px;
  color: #ffffff;
  background: #1d1d1f;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
}

.live_blog .live_subscribe {
  margin: 0 0 8px;
}

.home_proof_strip {
  margin: 36px 0 0;
}

.live_profile img {
  display: block;
  width: 100%;
  height: auto;
}

.live_profile h2 {
  margin: 17px 0 3px;
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
}

.live_profile p {
  margin: 0;
  color: #777777;
  font-size: 0.55rem;
}

.live_footer {
  padding: 18px 0 24px;
  color: #0b1f1c;
  background: linear-gradient(180deg, #f4f8f7, #eef3f2);
  text-align: center;
}

.live_footer a {
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.live_articles {
  min-height: 900px;
  color: #111111;
  background: #ffffff;
}

.articles_lede {
  max-width: 720px;
  margin: 0 0 28px;
  color: #6e6e73;
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.5;
}

.live_articles .live_content {
  padding-top: 28px;
}

.article_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 32px;
}

.article_filter {
  min-height: 34px;
  padding: 0 14px;
  color: #333333;
  background: #f5f5f7;
  border: 0;
  border-radius: 980px;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
}

.article_filter:hover,
.article_filter.active {
  color: #ffffff;
  background: #111111;
}

.articles_masonry {
  column-count: 3;
  column-gap: 18px;
}

.article_card {
  display: inline-block;
  width: 100%;
  margin: 0 0 28px;
  break-inside: avoid;
}

.article_card[hidden] {
  display: none !important;
}

.article_tile {
  clip-path: inset(0 round 8px);
  margin-bottom: 12px;
}

.article_category {
  margin: 0 0 6px;
  color: #777777;
  font-family: var(--font-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article_card h2 {
  margin: 0 0 6px;
  max-width: none;
  font-family: var(--font-body);
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.article_card h2 a {
  color: #111111;
  text-decoration: none;
}

.article_card h2 a:hover {
  color: #ef4f4f;
}

.article_date {
  margin: 0 0 8px;
  color: #86868b;
  font-family: var(--font-body);
  font-size: 0.72rem;
}

.article_excerpt {
  margin: 0 0 10px;
  color: #666666;
  font-family: var(--font-body);
  font-size: 0.88rem;
  line-height: 1.45;
}

.article_more {
  color: #ef4f4f;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.article_more:hover {
  text-decoration: underline;
}

.apple_about,
.apple_page {
  color: #1d1d1f;
  background: #ffffff;
}

.apple_page.page_wrap,
.apple_page .page_wrap {
  padding-top: 28px;
  padding-bottom: 44px;
}

.apple_page .section_intro {
  margin-bottom: 22px;
}

.apple_page .case_sections {
  margin-top: 24px;
}

.apple_page .section_intro_follow {
  margin-top: 32px;
}

.apple_page .case_hero {
  gap: 36px;
  min-height: 0;
  align-items: start;
}

.apple_page .case_link_catalog {
  margin-top: 28px;
}

.apple_page .media_frame {
  margin: 16px 0;
  padding: 8px;
}

.apple_page .case_gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.apple_page .case_gallery .media_frame {
  margin: 0;
}

.apple_page .case_gallery .media_frame img,
.apple_page .case_gallery .media_frame video {
  max-height: 240px;
  width: 100%;
  object-fit: cover;
}

.cv_apple_hero {
  width: min(1180px, calc(100% - 40px));
  padding: 8px 0 18px;
}

.cv_apple_hero h1 {
  max-width: 18ch;
  margin: 0 0 12px;
  font-size: clamp(2rem, 4.2vw, 3.1rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.cv_apple_hero .apple_lede {
  max-width: 52ch;
  margin: 0 0 16px;
  color: #6e6e73;
  font-size: 1.05rem;
  line-height: 1.45;
}

.cv_hero_facts {
  margin-top: 18px;
}

.delivery_apple_hero {
  padding-bottom: 8px;
}

.delivery_apple_hero .apple_lede {
  max-width: 58ch;
}

.delivery_proof_strip .apple_metric strong {
  letter-spacing: -0.03em;
}

.delivery_proof_later {
  margin: 8px 0 28px;
}

.focus_send_cta {
  margin-top: 18px;
  max-width: 42rem;
}

.focus_send_label {
  margin: 0 0 4px;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.72;
}

.focus_send_url {
  margin: 0;
  font-size: 0.95rem;
  word-break: break-all;
}

.focus_send_url a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.portfolio_focus_row {
  margin: 0 0 36px;
}

.delivery_page .cv_highlights {
  margin-top: 4px;
}

.cv_page {
  padding-top: 8px;
}

.cv_highlights {
  margin: 0 0 28px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.cv_highlights .apple_section_head {
  margin-bottom: 12px;
}

.cv_highlights .apple_role_bullets {
  max-width: 52rem;
}

.cv_project_list {
  display: grid;
  gap: 48px;
}

.cv_project {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 28px 36px;
  align-items: start;
  padding-top: 8px;
  border-top: 1px solid #d2d2d7;
}

.cv_project:first-child {
  border-top: 0;
  padding-top: 0;
}

.cv_project_copy h2 {
  margin: 0 0 6px;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.cv_project_role {
  margin: 0 0 12px;
  color: #6e6e73;
  font-size: 0.95rem;
  font-weight: 500;
}

.cv_project_points {
  margin: 0 0 16px;
  padding-left: 1.15rem;
  color: #1d1d1f;
  line-height: 1.45;
}

.cv_project_points li + li {
  margin-top: 8px;
}

.cv_project_metrics {
  margin: 0 0 14px;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cv_project_metrics .apple_metric {
  min-height: 0;
  padding: 14px 12px;
  overflow: visible;
  border-radius: 16px;
}

.cv_project_metrics .apple_metric strong {
  margin-bottom: 6px;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

.cv_project_metrics .apple_metric span {
  font-size: 0.78rem;
  line-height: 1.3;
  font-weight: 500;
}

.cv_project_media {
  display: grid;
  gap: 12px;
}

.cv_project_media .media_frame {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.cv_project_media .media_frame img,
.cv_project_media .media_frame video {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 360px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center top;
  border-radius: 18px;
  background: #f5f5f7;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

#golf-eye .cv_project_media .media_frame img,
#golf-eye .cv_project_media .media_frame video {
  max-height: 360px;
  object-fit: contain;
  background: #111111;
}

#juggle-tracker .cv_project_media .media_frame img,
#juggle-tracker .cv_project_media .media_frame video {
  max-height: 460px;
  object-fit: contain;
  object-position: center center;
  background: #0f1410;
}

#resolve-home .cv_project_media .media_frame img,
#resolve-home .cv_project_media .media_frame video {
  max-height: 360px;
  object-fit: contain;
  background: #111111;
}

.cv_project_media figcaption {
  padding: 8px 2px 0;
  color: #6e6e73;
  font-size: 0.72rem;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .cv_project {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .cv_project_metrics {
    grid-template-columns: 1fr;
  }

  .cv_project_metrics .apple_metric strong {
    font-size: 1.45rem;
  }

  .cv_apple_hero {
    width: min(100% - 34px, 1180px);
  }
}

.apple_page .split_section {
  gap: 40px;
}

.apple_page .content_layout {
  gap: 40px;
}

.apple_page .combine_feature {
  padding-top: 8px;
}

.apple_page .combine_feature.page_wrap {
  padding-top: 28px;
  padding-bottom: 28px;
}

.apple_band {
  padding: 56px 0;
}

.apple_band .page_wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.apple_hero,
.apple_more,
.apple_reviews,
.about_cameo {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.apple_hero {
  padding: 22px 0 20px;
}

.apple_page_hero {
  padding: 24px 0 28px;
}

.combine_apple_hero.apple_page_hero {
  padding: 2px 0 6px;
}

.combine_apple_hero.apple_page_hero h1 {
  max-width: 34ch;
  margin: 0;
  font-size: clamp(1.55rem, 2.6vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.combine_apple_hero.apple_page_hero .apple_lede {
  max-width: 46ch;
  margin: 0;
  color: #6e6e73;
  font-size: 0.96rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.apple_page_hero h1 {
  max-width: 920px;
  margin: 0 0 22px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.3rem, 4.8vw, 3.4rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.apple_page_hero h1 em {
  font-style: normal;
  color: #6e6e73;
}

.apple_page_hero .apple_lede {
  margin: 0 0 18px;
}

.apple_page_note {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  max-width: 280px;
  padding: 16px 18px;
  background: #f5f5f7;
  border-radius: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

.apple_page_note span {
  color: #86868b;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.apple_page_note strong {
  color: #1d1d1f;
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.apple_eyebrow {
  margin: 0 0 18px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.apple_about h1 {
  max-width: 920px;
  margin: 0 0 36px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.apple_hero_grid {
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 42px;
  align-items: start;
}

.apple_portrait {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 28px;
  background: #f5f5f7;
}

.apple_hero_copy {
  display: grid;
  gap: 24px;
  padding-top: 8px;
}

.apple_block h2,
.apple_more h2,
.apple_section_head h2 {
  margin: 0 0 12px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.apple_block p,
.apple_section_head p {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.55;
}

.apple_more {
  padding: 24px 0 12px;
}

.apple_chip_row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.apple_chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  color: #1d1d1f;
  background: #f5f5f7;
  border-radius: 980px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 550;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}

.apple_chip:hover {
  color: #ffffff;
  background: #1d1d1f;
}

.apple_reviews {
  padding: 28px 0 64px;
}

.about_cameo {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 36px;
  align-items: center;
  padding: 8px 0 28px;
}

.about_cameo_media {
  margin: 0;
}

.about_cameo_video {
  display: block;
  width: 100%;
  height: auto;
  background: #111111;
  border-radius: 22px;
}

.about_cameo_copy h2 {
  margin: 0 0 12px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.about_cameo_copy p {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.55;
}

.about_cameo_copy .apple_eyebrow {
  margin: 0 0 8px;
}

.about_proof_cards {
  margin: 0 0 22px;
}

.apple_reviews .trio_gallery {
  margin: 0 0 22px;
}

.apple_section_head {
  max-width: 640px;
  margin-bottom: 28px;
}

.apple_review_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.apple_review {
  margin: 0;
  overflow: hidden;
  background: #f5f5f7;
  border-radius: 22px;
}

.apple_review img {
  display: block;
  width: 100%;
  height: auto;
}

.apple_review figcaption {
  padding: 12px 16px 14px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.72rem;
}

.apple_review:first-child {
  grid-column: 1 / -1;
}

@media (max-width: 850px) {
  .apple_hero_grid,
  .apple_review_grid,
  .about_cameo {
    grid-template-columns: 1fr;
  }

  .apple_portrait {
    max-width: 320px;
  }

  .apple_about h1 {
    margin-bottom: 36px;
  }
}

@media (max-width: 600px) {
  .apple_hero,
  .apple_more,
  .apple_reviews,
  .apple_page_hero,
  .about_cameo {
    width: min(100% - 34px, 980px);
  }

  .apple_hero {
    padding-top: 42px;
  }

  .apple_page_hero {
    padding-top: 28px;
  }

  .apple_portrait {
    border-radius: 22px;
  }

  .apple_review {
    border-radius: 18px;
  }
}

.apple_proof {
  color: #1d1d1f;
  background: #ffffff;
}

.apple_proof .apple_hero,
.apple_proof .apple_more,
.apple_proof_block {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.apple_proof .apple_hero {
  width: min(1180px, calc(100% - 40px));
  padding: 24px 0 18px;
}

.apple_proof_hero_row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
  margin: 8px 0 24px;
}

.apple_proof_hero_card {
  flex: 1 1 280px;
  width: min(33.333vw, 520px);
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.apple_proof_teach_stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.apple_proof_teach_stack .nps_claim_card,
.apple_proof_teach_stack .apple_proof_hero_card_img {
  width: 100%;
}

.teach_orgs_strip {
  overflow: hidden;
  background: #f7f7f9;
  border-radius: 16px;
}

.teach_orgs_img {
  display: block;
  width: 100%;
  height: auto;
}

.apple_proof_hero_card_img,
.apple_nps_hero_chart_img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  background: #f7f7f9;
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.nps_claim_card {
  container-type: inline-size;
  container-name: nps-card;
  aspect-ratio: 960 / 689;
  margin: 0;
  overflow: hidden;
  color: #1d1d1f;
  background: #f7f7f9;
}

.nps_claim_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.8cqw 1.85cqw 1.5cqw;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.15;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-decoration: none;
}

.nps_claim_copy {
  flex: 0 0 auto;
}

.nps_claim_copy_with_orgs {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.8cqw;
  overflow: visible;
}

.nps_claim_copy_text {
  min-width: 0;
  flex: 1 1 auto;
}

.nps_claim_orgs {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 auto;
  gap: 0.95cqw;
  max-width: 36cqw;
  padding-bottom: 0.25cqw;
  overflow: visible;
}

.nps_claim_orgs_label {
  color: #6e6e73;
  font-size: 2.7cqw;
  font-weight: 600;
  letter-spacing: -0.018em;
  line-height: 1.2;
  text-align: right;
}

.nps_claim_orgs_marks {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1.8cqw;
  overflow: visible;
}

.nps_claim_org_logo {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: 8.6cqw;
  object-fit: contain;
  object-position: center bottom;
}

.nps_claim_copy p,
.fiverr_claim_copy p {
  margin: 0;
}

.claim_kicker {
  color: #6e6e73;
  font-size: 2.35cqw;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.nps_claim_hero {
  max-width: 15.5em;
  margin-top: 0.9cqw;
  color: #1d1d1f;
  font-size: 5cqw;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.06;
}

.nps_claim_improve {
  display: inline;
  margin-top: 0.7cqw;
  padding: 0.04em 0.12em;
  border-radius: 0.25cqw;
  color: var(--hl-mark-fg);
  background: var(--hl-outcome);
  font-size: 3.15cqw;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.nps_claim_turnaround {
  margin-top: 0.55cqw;
  color: #1d1d1f;
  font-size: 2.85cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.nps_claim_foot {
  margin-top: 0.35cqw;
  color: #5e5e62;
  font-size: 2.55cqw;
  line-height: 1.25;
}

.nps_claim_chart {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: 3.4cqw minmax(0, 1fr);
  gap: 0.35cqw 0.15cqw;
  min-height: 0;
  margin-top: 1.3cqw;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e8e8ec;
  border-radius: 1.2cqw;
}

.nps_claim_y_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 5.8cqw;
  color: #58585e;
  font-size: 2.6cqw;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.nps_claim_main {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
}

.nps_claim_plot {
  position: relative;
  height: 100%;
  min-height: 0;
}

.nps_claim_scale {
  position: absolute;
  inset: 1.2cqw 7.8cqw 0.5cqw 5.4cqw;
}

.nps_claim_tick {
  position: absolute;
  left: 0.55cqw;
  z-index: 2;
  color: #58585e;
  font-size: 2.7cqw;
  line-height: 1;
}

.nps_claim_tick_top {
  top: 1.2cqw;
}

.nps_claim_tick_mid {
  /* 60 on a 0-100 scale, kept below the chart top */
  top: calc(1.2cqw + 0.4 * (100% - 1.7cqw));
  transform: translateY(-50%);
}

.nps_claim_tick_base {
  bottom: 0.5cqw;
}

.nps_claim_goal_line {
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
  z-index: 2;
  border-top: 0.18cqw dashed #ff3b30;
  transform: translateY(-50%);
}

.nps_claim_bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
  height: 100%;
}

.nps_claim_col {
  display: flex;
  align-items: flex-end;
  width: 22%;
  height: 100%;
}

.nps_claim_bar {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #1d1d1f;
  border-radius: 2.1cqw 2.1cqw 0.35cqw 0.35cqw;
}

.nps_claim_bar span {
  position: absolute;
  top: 1.05cqw;
  right: 0;
  left: 0;
  color: #ffffff;
  font-size: 3.9cqw;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  text-align: center;
}

.nps_claim_bar_latest {
  background: var(--hl-outcome);
}

.nps_claim_bar_latest span,
.live_tile .nps_claim_bar_latest span {
  color: #0b1f1c;
}

.nps_claim_pill {
  position: absolute;
  top: calc(1.2cqw + 0.4 * (100% - 1.7cqw));
  right: 0.35cqw;
  z-index: 3;
  padding: max(3px, 0.6cqw) max(6px, 1.15cqw);
  color: #ffffff;
  background: #ff3b30;
  border-radius: 999px;
  box-shadow: 0 0.25cqw 0.7cqw rgba(0, 0, 0, 0.18);
  font-size: max(9px, 2.25cqw);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  white-space: nowrap;
  transform: translateY(-50%);
}

.nps_claim_xlabels {
  display: flex;
  justify-content: space-evenly;
  padding: 0.45cqw 7.6cqw 0.9cqw 5.4cqw;
  font-size: 3.05cqw;
  line-height: 1.15;
}

.nps_claim_xlabel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 22%;
  color: #1d1d1f;
  font-size: 3.05cqw;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-align: center;
}

.nps_claim_xlabel span {
  color: #76767c;
  font-size: 2.35cqw;
  font-weight: 400;
}

.perspective_claim_card {
  container-type: inline-size;
  aspect-ratio: 960 / 640;
  margin: 0;
  overflow: hidden;
  color: #050505;
  background: #f7f7f9;
  border: 1px solid rgba(17, 17, 17, 0.08);
  font-family: var(--claim-font);
}

.perspective_claim_inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--claim-pad-y) var(--claim-pad-x);
  gap: var(--claim-gap);
  background: transparent;
}

.fb_post_head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 2cqw;
  align-items: start;
  margin: 0 0 2.2cqw;
  flex: 0 0 auto;
}

.perspective_claim_card .fb_avatar_img,
.fb_avatar_img {
  display: block;
  width: 9.2cqw;
  height: 9.2cqw;
  max-width: 40px;
  max-height: 40px;
  object-fit: cover;
  border-radius: 50%;
  background: #e4e6eb;
}

.fb_post_who {
  display: flex;
  flex-direction: column;
  gap: 0.2cqw;
  min-width: 0;
}

.fb_post_name {
  color: #050505;
  font-size: 3.35cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.fb_post_with {
  color: #65676b;
  font-size: 2.55cqw;
  font-weight: 500;
  line-height: 1.25;
}

.fb_tag {
  color: #050505;
  font-weight: 700;
}

.fb_post_meta {
  color: #65676b;
  font-size: 2.4cqw;
  line-height: 1.2;
}

.social_source {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  margin-top: 0.15cqw;
  padding: 0;
  background: transparent;
  border: 0;
  line-height: 0;
}

.social_source_logo {
  display: block;
  width: 7.2cqw;
  height: 7.2cqw;
  max-width: 32px;
  max-height: 32px;
  border-radius: 0.85cqw;
  box-shadow: 0 0.25cqw 0.7cqw rgba(0, 0, 0, 0.14);
}

.social_source_logo.is_facebook_logo {
  border-radius: 50%;
}

.social_source.is_linkedin,
.social_source.is_facebook {
  color: transparent;
  background: transparent;
  border: 0;
}



.fb_post_body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 1.5cqw;
  min-height: 0;
}

.fb_post_context {
  margin: 0 0 1.6cqw;
  color: #050505;
  font-size: 3.45cqw;
  font-weight: 450;
  line-height: 1.5;
}

.fb_yc {
  display: inline-flex;
  gap: 1.2cqw;
  align-items: center;
  vertical-align: middle;
  margin: 0.35cqw 0.2cqw;
  padding: 0.15cqw 0;
  white-space: nowrap;
}

.fb_yc strong {
  font-weight: 800;
}

.perspective_claim_card .fb_yc_mark,
.fb_yc_mark {
  display: inline-block;
  width: 11.25cqw;
  height: 11.25cqw;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  border-radius: 0.9cqw;
  vertical-align: middle;
  box-shadow: 0 0.15cqw 0.45cqw rgba(0, 0, 0, 0.12);
}

.fb_post_focus {
  margin: 0;
  padding: 1.4cqw 1.6cqw;
  color: #050505;
  background: var(--hl-paper);
  border-left: 0.45cqw solid var(--hl-accent);
  border-radius: 0.9cqw;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.fb_hl {
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  font-weight: 900;
  font-size: 1.12em;
  padding: 0.02em 0.1em;
  border-radius: 0.2cqw;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.fb_see_more {
  align-self: flex-start;
  margin: 0.2cqw 0 0;
  padding: 0;
  color: #65676b;
  background: transparent;
  border: 0;
  font: inherit;
  font-size: 3.1cqw;
  font-weight: 650;
  line-height: 1.2;
  cursor: default;
}

.fb_social {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  gap: 1.5cqw;
  align-items: center;
  margin-top: auto;
  padding-top: 1.5cqw;
  padding-bottom: 1.2cqw;
  border-bottom: 1px solid #ced0d4;
  color: #65676b;
  font-size: 2.35cqw;
  font-weight: 550;
}

.fb_social_left {
  display: inline-flex;
  gap: 1cqw;
  align-items: center;
  min-width: 0;
}

.fb_social_left span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fb_social_right {
  flex: 0 0 auto;
  white-space: nowrap;
}

.fb_react {
  width: 3.6cqw;
  height: 3.6cqw;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #1877f2;
  box-shadow: 0 0.15cqw 0.4cqw rgba(0, 0, 0, 0.15);
  position: relative;
}

.fb_react::after {
  content: "";
  position: absolute;
  inset: 22% 28% 28% 28%;
  background: #ffffff;
  clip-path: polygon(20% 45%, 45% 45%, 45% 15%, 80% 50%, 45% 85%, 45% 55%, 20% 55%);
}

.fb_post_actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-around;
  gap: 1cqw;
  align-items: center;
  margin-top: 1cqw;
  color: #65676b;
  font-size: 2.55cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.fb_post_actions span {
  display: inline-flex;
  gap: 0.85cqw;
  align-items: center;
}

.fb_act_icon {
  width: 3.2cqw;
  height: 3.2cqw;
  flex: 0 0 auto;
}

.live_tile .linkedin_claim_card,
.live_tile .perspective_claim_card,
.live_tile .cameo_claim_card {
  width: 100%;
  border-radius: 0;
}

.cameo_claim_card {
  container-type: inline-size;
  position: relative;
  aspect-ratio: 480 / 760;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  background: #111111;
  border: 1px solid #2a2a2a;
  font-family: Helvetica, Arial, sans-serif;
}

.cameo_claim_media,
.cameo_claim_video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}

.cameo_claim_shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.12) 26%, rgba(0, 0, 0, 0.08) 48%, rgba(0, 0, 0, 0.78) 100%);
  pointer-events: none;
}

.cameo_claim_inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 3.6cqw 4cqw 3.4cqw;
}

.cameo_claim_head {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 2cqw;
}

.social_source.is_cameo {
  color: transparent;
  background: transparent;
  border: 0;
}

.cameo_logo_mark {
  width: 7.2cqw;
  height: 7.2cqw;
  max-width: 32px;
  max-height: 32px;
}

.cameo_kicker {
  margin: 1cqw 0 0.8cqw;
  color: rgba(255, 255, 255, 0.95);
  font-size: 3.8cqw;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-shadow: 0 0.35cqw 1.1cqw rgba(0, 0, 0, 0.55);
}

.cameo_for {
  margin: 0 0 auto;
  color: #ffffff;
  font-size: 9.4cqw;
  font-weight: 850;
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-shadow: 0 0.4cqw 1.2cqw rgba(0, 0, 0, 0.5);
}

.cameo_for mark {
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  font-weight: 900;
  padding: 0.05em 0.12em;
  border-radius: 0.35cqw;
}

.cameo_quotes {
  display: flex;
  flex-direction: column;
  gap: 1.2cqw;
  margin: 0 0 1.2cqw;
}

.cameo_quote {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 3.6cqw;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-shadow: 0 0.25cqw 0.8cqw rgba(0, 0, 0, 0.45);
}

.cameo_quote.is_hero {
  color: #ffffff;
  font-size: 5.6cqw;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.12;
}

.cameo_foot {
  margin: 2cqw 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 2.5cqw;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.dataship_claim_card {
  width: 100%;
  border-radius: 0;
}

.linkedin_claim_card {
  container-type: inline-size;
  aspect-ratio: 960 / 640;
  margin: 0;
  overflow: hidden;
  color: #191919;
  background: #f7f7f9;
  border: 1px solid rgba(17, 17, 17, 0.08);
  font-family: var(--claim-font);
}

.linkedin_claim_inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--claim-pad-y) var(--claim-pad-x);
  gap: var(--claim-gap);
  background: transparent;
}

.li_post_head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 2cqw;
  align-items: start;
  margin: 0 0 2cqw;
  flex: 0 0 auto;
}

.linkedin_claim_card .li_avatar_img,
.li_avatar_img {
  display: block;
  width: 9.5cqw;
  height: 9.5cqw;
  max-width: 44px;
  max-height: 44px;
  object-fit: cover;
  border-radius: 50%;
  background: #d9d9d9;
}

.li_post_who {
  display: flex;
  flex-direction: column;
  gap: 0.15cqw;
  min-width: 0;
}

.li_post_name {
  color: #191919;
  font-size: 3.4cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.li_degree {
  color: #666666;
  font-weight: 500;
}

.li_post_headline {
  overflow: hidden;
  color: #666666;
  font-size: 2.45cqw;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.li_post_meta {
  color: #666666;
  font-size: 2.3cqw;
  line-height: 1.2;
}



.li_post_body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 1.4cqw;
  min-height: 0;
}

.li_post_context {
  margin: 0;
  color: #666666;
  font-size: 3.2cqw;
  font-weight: 500;
  line-height: 1.3;
}

.li_post_focus {
  margin: 0;
  color: #191919;
  font-size: var(--claim-proof);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.li_post_focus .li_mention {
  color: var(--hl-accent);
  font-weight: 800;
}

.li_elliot_block {
  margin: 0;
  padding: 2cqw 2.2cqw;
  background: var(--hl-paper);
  border-left: 0.45cqw solid var(--hl-accent);
  border-radius: 0.9cqw;
}

.li_elliot_block .li_post_focus {
  font-size: 5.6cqw;
}

.li_post_hero {
  margin: 0.6cqw 0 0;
  color: #191919;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.li_hero_hl {
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  font-weight: inherit;
  padding: 0.02em 0.08em;
  border-radius: 0.25cqw;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.li_see_more {
  align-self: flex-start;
  margin: 0.4cqw 0 0;
  padding: 0;
  color: #666666;
  background: transparent;
  border: 0;
  font: inherit;
  font-size: 3cqw;
  font-weight: 650;
  line-height: 1.2;
  cursor: default;
}

.li_social {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  gap: 2cqw;
  align-items: center;
  margin-top: auto;
  padding-top: 1.4cqw;
  padding-bottom: 1.2cqw;
  border-bottom: 1px solid #e0dfdc;
  color: #666666;
  font-size: 2.45cqw;
  font-weight: 550;
}

.li_social_left,
.li_social_right {
  display: inline-flex;
  gap: 1.2cqw;
  align-items: center;
}

.li_react_stack {
  display: inline-flex;
  align-items: center;
}

.li_react {
  width: 3cqw;
  height: 3cqw;
  border: 0.25cqw solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0.15cqw 0.4cqw rgba(0, 0, 0, 0.12);
}

.li_react + .li_react {
  margin-left: -0.65cqw;
}

.li_react.is_like {
  background: radial-gradient(circle at 35% 35%, #5eb1ff 0%, #0a66c2 70%);
}

.li_react.is_celebrate {
  background: radial-gradient(circle at 35% 35%, #8dffb0 0%, #057642 70%);
}

.li_react.is_love {
  background: radial-gradient(circle at 35% 35%, #ff9db5 0%, #df704d 70%);
}

.li_post_actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  gap: 1cqw;
  align-items: center;
  margin-top: 1cqw;
  color: #666666;
  font-size: 2.5cqw;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.li_post_actions span {
  display: inline-flex;
  gap: 0.8cqw;
  align-items: center;
}

.li_act_icon {
  width: 3.1cqw;
  height: 3.1cqw;
  flex: 0 0 auto;
}

.live_tile .linkedin_claim_card,
.live_tile .perspective_claim_card,
.live_tile .dataship_claim_card {
  width: 100%;
  border-radius: 0;
}

.dataship_claim_card {
  container-type: inline-size;
  aspect-ratio: 960 / 689;
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  background: var(--hl-paper-fade);
  border: 1px solid var(--hl-paper-edge);
}

.dataship_claim_inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.8cqw 2.8cqw 2.4cqw;
  gap: 0.8cqw;
  font-family: var(--claim-font);
}

.dataship_claim_kicker {
  display: block;
  margin: 0;
  color: var(--hl-accent);
  font-size: var(--claim-kicker);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.live_tile .dataship_claim_kicker,
.live_tile .claim_kicker.dataship_claim_kicker {
  display: block;
  margin: 0;
  color: var(--hl-accent);
  font-size: var(--claim-kicker);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.dataship_claim_hero {
  margin: 0;
  color: #0f172a;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.dataship_claim_legend {
  display: flex;
  flex-wrap: nowrap;
  gap: 2.4cqw;
  margin: 0;
  color: #475569;
  font-size: 2.7cqw;
  font-weight: 650;
  line-height: 1.15;
}

.dataship_leg_item {
  display: inline-flex;
  align-items: center;
  gap: 0.8cqw;
  white-space: nowrap;
}

.dataship_swatch {
  width: 2.3cqw;
  height: 2.3cqw;
  border-radius: 50%;
  box-shadow: 0 0 0 0.2cqw rgba(15, 23, 42, 0.12);
}

.dataship_claim_insight {
  margin: 0;
  color: #475569;
  font-size: 2.5cqw;
  font-weight: 550;
  line-height: 1.25;
}

.dataship_claim_chart {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
  border-radius: 1cqw;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  margin: 0;
  padding: 2.2cqw 1.4cqw 0.9cqw 0.7cqw;
}

.dataship_claim_chart_img {
  display: none;
}

.dataship_plot {
  display: grid;
  grid-template-columns: 6.4cqw minmax(0, 1fr);
  gap: 0.7cqw;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.dataship_plot_y {
  position: relative;
  height: calc(100% - 5.2cqw);
  margin-top: 0.2cqw;
  color: #475569;
  font-size: 2.05cqw;
  font-weight: 700;
  line-height: 1;
}

.dataship_plot_tick {
  position: absolute;
  right: 0;
  transform: translateY(50%);
}

.dataship_plot_main {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.dataship_plot_grid {
  position: absolute;
  top: 0.2cqw;
  right: 0;
  bottom: 5.2cqw;
  left: 0;
  background-image: repeating-linear-gradient(
    to top,
    rgba(148, 163, 184, 0.32) 0 1px,
    transparent 1px 20%
  );
  pointer-events: none;
}

.dataship_plot_cols {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: end;
  gap: 0.35cqw;
  height: 100%;
  min-height: 0;
}

.dataship_plot_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  min-width: 0;
}

.dataship_plot_bars {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.35cqw;
  width: 100%;
  height: calc(100% - 5.2cqw);
  min-height: 0;
  padding: 2.4cqw 0.15cqw 0;
}

.dataship_bar {
  position: relative;
  flex: 1 1 0;
  min-width: 1.15cqw;
  max-width: 3.4cqw;
  border-radius: 0.35cqw 0.35cqw 0.14cqw 0.14cqw;
  box-shadow: inset 0 0 0 0.08cqw rgba(15, 23, 42, 0.14);
}

.dataship_bar span {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.35cqw);
  transform: translateX(-50%);
  font-size: 1.85cqw;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  white-space: nowrap;
}

.dataship_plot_xlabel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 4.8cqw;
  margin: 0.55cqw 0 0;
  color: #1e293b;
  font-size: 1.85cqw;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.12;
  text-align: center;
}

.dataship_claim_foot {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  margin: 0;
  min-height: 0;
}

.dataship_claim_proof {
  color: var(--hl-accent);
  font-size: var(--claim-proof);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
}

.dataship_claim_method_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.4cqw;
  min-width: 0;
}

.dataship_claim_method {
  margin: 0;
  color: #334155;
  font-size: var(--claim-foot);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
  min-width: 0;
}

.dataship_claim_role {
  color: #0f172a;
  font-size: 3cqw;
  font-weight: 700;
  line-height: 1.25;
}

.dataship_claim_role_row {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  min-width: 0;
}

.dataship_aws_mark {
  display: block;
  width: 6.4cqw;
  height: auto;
  max-width: 44px;
  flex: 0 0 auto;
  object-fit: contain;
}

.claim_stack_marks {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  margin-top: 1.2cqw;
  min-width: 0;
}

.claim_stack_mark {
  display: block;
  width: 5.2cqw;
  height: auto;
  max-width: 28px;
  flex: 0 0 auto;
  object-fit: contain;
  opacity: 0.92;
}

.claim_stack_mark[alt="Core ML"] {
  width: 9.5cqw;
  max-width: 52px;
}

.golf_claim_card .claim_stack_mark[alt="iOS"] {
  filter: invert(1);
}

.cv_project .claim_stack_marks {
  margin-top: 12px;
  gap: 10px;
}

.cv_project .claim_stack_mark {
  width: 22px;
  max-width: 22px;
}

.cv_project .claim_stack_mark[alt="Core ML"] {
  width: 48px;
  max-width: 48px;
}

.dataship_claim_foot span {
  color: #f8fafc;
  font-size: 3cqw;
  font-weight: 700;
  line-height: 1.25;
}

.live_tile .nps_claim_card,
.live_tile .fiverr_claim_card,
.live_tile .dataship_claim_card,
.live_tile .resolve_claim_card,
.live_tile .hazan_claim_card,
.live_tile .golf_claim_card,
.live_tile .jump_claim_card,
.live_tile .linkedin_claim_card,
.live_tile .perspective_claim_card,
.live_tile .teach_claim_card {
  aspect-ratio: 960 / 640;
  container-type: inline-size;
  font-family: var(--claim-font);
  -webkit-font-smoothing: antialiased;
}

/* Shared home claim template: one type scale + padding for all skins. */
.live_tile .fiverr_claim_inner,
.live_tile .resolve_claim_copy,
.live_tile .hazan_claim_copy,
.live_tile .golf_claim_copy,
.live_tile .linkedin_claim_inner,
.live_tile .perspective_claim_inner {
  box-sizing: border-box;
  padding: var(--claim-pad-y) var(--claim-pad-x);
  gap: var(--claim-gap);
  font-family: var(--claim-font);
}

/* Teach claim: denser proof card; logos balanced as the visual hero. */
.teach_claim_card {
  container-type: inline-size;
  aspect-ratio: 960 / 640;
  margin: 0;
  overflow: hidden;
  color: #111;
  background: var(--hl-paper-fade);
  border: 1px solid var(--hl-paper-edge);
}

.teach_claim_inner {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  align-items: center;
  gap: 2cqw;
  height: 100%;
  padding: 2.8cqw 3.2cqw 2.6cqw 3.4cqw;
  font-family: var(--claim-font);
  -webkit-font-smoothing: antialiased;
}

.teach_claim_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.7cqw;
  min-width: 0;
}

.teach_claim_kicker {
  margin: 0;
  color: #0f766e;
  font-size: 2.8cqw;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.12;
  text-transform: uppercase;
}

.teach_claim_marks {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.2cqw;
  width: 100%;
  min-height: 0;
  margin: 0;
}

.teach_claim_logo {
  display: block;
  width: auto;
  max-width: 88%;
  object-fit: contain;
  object-position: center;
  overflow: visible;
}

.teach_claim_logo_nvidia {
  height: 18cqw;
  width: auto;
  max-width: 88%;
  background: transparent;
  flex-shrink: 0;
}

.teach_claim_logo_nasa {
  height: 15.5cqw;
  background: transparent;
  flex-shrink: 0;
}

.teach_claim_hero {
  margin: 0;
  color: #0f0f10;
  font-size: 6.5cqw;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.03;
  max-width: 100%;
}

.teach_claim_specialty {
  margin: 0;
  max-width: 100%;
  color: #334155;
  font-size: 3.35cqw;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.18;
  text-align: left;
}

.teach_claim_proof {
  margin: 0.2cqw 0 0;
  color: #0f766e;
  font-size: 3.1cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

/* DataShip claim: denser on the home fold so the chart dominates. */
.live_tile .dataship_claim_inner {
  box-sizing: border-box;
  padding: 1.7cqw 2.2cqw 1.5cqw;
  gap: 0.4cqw;
  font-family: var(--claim-font);
}

.home_fold_masonry .dataship_claim_inner {
  padding: 1.3cqw 2cqw 1.2cqw;
  gap: 0.35cqw;
}

.home_fold_masonry .dataship_claim_kicker,
.home_fold_masonry .claim_kicker.dataship_claim_kicker {
  display: none;
}

.home_fold_masonry .dataship_claim_hero {
  font-size: 4.2cqw;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.home_fold_masonry .dataship_claim_legend {
  gap: 1.4cqw;
  font-size: 1.95cqw;
  line-height: 1.05;
  margin: 0 0 0.2cqw;
}

.home_fold_masonry .dataship_swatch {
  width: 1.55cqw;
  height: 1.55cqw;
}

.home_fold_masonry .dataship_claim_chart {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.8cqw;
  overflow: hidden;
  margin: 0;
  padding: 2cqw 1.1cqw 0.7cqw 0.55cqw;
}

.home_fold_masonry .dataship_claim_chart_img {
  display: none;
}

.home_fold_masonry .dataship_plot {
  grid-template-columns: 6.8cqw minmax(0, 1fr);
}

.home_fold_masonry .dataship_plot_y {
  font-size: 2cqw;
}

.home_fold_masonry .dataship_bar {
  min-width: 1.25cqw;
  max-width: 3.6cqw;
}

.home_fold_masonry .dataship_bar span {
  font-size: 1.9cqw;
}

.home_fold_masonry .dataship_plot_xlabel {
  font-size: 1.75cqw;
  height: 4.6cqw;
}

.home_fold_masonry .dataship_claim_foot {
  gap: 0.2cqw;
  margin-top: 0.2cqw;
}

.home_fold_masonry .dataship_claim_proof {
  font-size: 2.45cqw;
  line-height: 1.1;
}

.home_fold_masonry .dataship_claim_method {
  font-size: 1.95cqw;
  line-height: 1.1;
}

.home_fold_masonry .dataship_aws_mark {
  display: none;
}

.live_tile .fiverr_claim_kicker,
.live_tile .dataship_claim_kicker,
.live_tile .claim_kicker.dataship_claim_kicker,
.live_tile .resolve_claim_brand,
.live_tile .hazan_claim_brand,
.live_tile .golf_claim_brand,
.live_tile .li_post_meta,
.live_tile .fb_post_meta {
  margin: 0;
  font-size: var(--claim-kicker);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.live_tile .fiverr_claim_hero,
.live_tile .dataship_claim_hero,
.live_tile .resolve_claim_hero,
.live_tile .hazan_claim_hero,
.live_tile .golf_claim_hero,
.live_tile .li_post_hero,
.live_tile .li_elliot_block .li_post_focus,
.live_tile .fb_post_focus {
  margin: 0;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.live_tile .fiverr_claim_proof,
.live_tile .dataship_claim_proof,
.live_tile .resolve_claim_proof,
.live_tile .hazan_claim_proof,
.live_tile .golf_claim_proof,
.live_tile .fiverr_claim_next,
.live_tile .resolve_claim_sub,
.live_tile .golf_claim_sub {
  font-size: var(--claim-proof);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.live_tile .fiverr_claim_role,
.live_tile .dataship_claim_method,
.live_tile .dataship_claim_role,
.live_tile .resolve_claim_foot span,
.live_tile .hazan_claim_foot span,
.live_tile .golf_claim_foot span,
.live_tile .li_post_context,
.live_tile .fb_post_context,
.live_tile .fb_post_with {
  font-size: var(--claim-foot);
  line-height: 1.25;
}

.live_tile .linkedin_claim_card,
.live_tile .perspective_claim_card {
  border-color: rgba(17, 17, 17, 0.08);
  background: #f7f7f9;
}

.live_tile .linkedin_claim_inner,
.live_tile .perspective_claim_inner {
  background: transparent;
}

.live_tile .li_post_head,
.live_tile .fb_post_head {
  margin: 0;
  gap: 1.6cqw;
}

.live_tile .li_post_name,
.live_tile .fb_post_name {
  font-family: var(--claim-font);
  font-size: 3.1cqw;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.live_tile .li_post_headline,
.live_tile .fb_post_meta {
  font-size: 2.35cqw;
}

.live_tile .li_social,
.live_tile .fb_social,
.live_tile .li_post_actions,
.live_tile .fb_post_actions {
  font-family: var(--claim-font);
  font-size: var(--claim-foot);
}

.live_tile .estern_claim_card {
  aspect-ratio: 1024 / 557;
}

.live_tile .cameo_claim_card {
  aspect-ratio: 480 / 680;
}

.resolve_claim_card,
.hazan_claim_card,
.golf_claim_card,
.jump_claim_card,
.estern_claim_card {
  container-type: inline-size;
  width: 100%;
  margin: 0;
  overflow: hidden;
  color: #fff;
  background: #0c0e10;
  font-family: var(--claim-font);
}

.resolve_claim_inner {
  display: grid;
  /* Left claim panel ~20% narrower than shared split cards so media is not clipped. */
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
  height: 100%;
  min-height: 0;
}

.hazan_claim_inner,
.golf_claim_inner,
.jump_claim_inner {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  height: 100%;
  min-height: 0;
}

.resolve_claim_copy,
.hazan_claim_copy,
.golf_claim_copy,
.jump_claim_copy {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--claim-gap);
  padding: var(--claim-pad-y) var(--claim-pad-x);
  background: #0c0e10;
  z-index: 1;
  font-family: var(--claim-font);
}

/* Estern: full optimizer still with a thin bottom claim banner. */
.estern_claim_inner {
  position: relative;
  display: block;
  height: 100%;
  min-height: 0;
}

.estern_claim_copy {
  box-sizing: border-box;
  position: absolute;
  inset: auto 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 11cqw;
  padding: 2.2cqw 3.5cqw 2cqw;
  background: linear-gradient(
    0deg,
    rgba(12, 14, 16, 0.94) 0%,
    rgba(12, 14, 16, 0.78) 62%,
    rgba(12, 14, 16, 0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

.estern_claim_head,
.estern_claim_proof,
.estern_claim_foot {
  display: none !important;
}

.estern_claim_media {
  position: absolute;
  inset: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #0c0e10;
  z-index: 0;
}

.estern_claim_video {
  object-fit: cover;
  object-position: center center;
  background: #0c0e10;
}

.resolve_claim_head,
.hazan_claim_head,
.golf_claim_head,
.jump_claim_head,
.resolve_claim_mid,
.hazan_claim_mid,
.golf_claim_mid,
.jump_claim_mid {
  display: flex;
  flex-direction: column;
  gap: 0.7cqw;
  min-width: 0;
}

.resolve_claim_brand,
.hazan_claim_brand,
.golf_claim_brand,
.jump_claim_brand {
  margin: 0;
  font-size: var(--claim-kicker);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.resolve_claim_sub,
.hazan_claim_sub,
.golf_claim_sub,
.jump_claim_sub {
  margin: 0;
  color: #eceff2;
  font-size: var(--claim-proof);
  font-weight: 700;
  line-height: 1.2;
}

.resolve_claim_hero,
.hazan_claim_hero,
.golf_claim_hero,
.jump_claim_hero {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  margin: 0;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.resolve_claim_proof,
.hazan_claim_proof,
.golf_claim_proof,
.jump_claim_proof {
  display: inline;
  align-self: flex-start;
  margin: 0.5cqw 0 0;
  padding: 0.04em 0.12em;
  border-radius: 0.25cqw;
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  border: 0;
  font-size: var(--claim-proof);
  font-weight: 750;
  letter-spacing: -0.015em;
  line-height: 1.15;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.live_tile .resolve_claim_proof,
.live_tile .hazan_claim_proof,
.live_tile .golf_claim_proof,
.live_tile .jump_claim_proof {
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  border: 0;
  padding: 0.04em 0.12em;
  border-radius: 0.25cqw;
}


.resolve_claim_foot,
.hazan_claim_foot,
.golf_claim_foot,
.jump_claim_foot {
  display: flex;
  flex-direction: column;
  gap: 0.45cqw;
  margin: 0;
  padding: 0;
}

.resolve_claim_foot span,
.hazan_claim_foot span,
.golf_claim_foot span,
.jump_claim_foot span {
  color: #d2d8de;
  font-size: var(--claim-foot);
  font-weight: 500;
}

.resolve_claim_foot strong,
.hazan_claim_foot strong,
.golf_claim_foot strong,
.jump_claim_foot strong {
  color: #fff;
  font-size: 3cqw;
  font-weight: 800;
  line-height: 1.15;
}

.resolve_claim_media,
.hazan_claim_media,
.golf_claim_media,
.jump_claim_media {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #111;
}

.resolve_claim_media::before,
.hazan_claim_media::before,
.golf_claim_media::before,
.jump_claim_media::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 18%;
  background: linear-gradient(90deg, #0c0e10 0%, rgba(12, 14, 16, 0) 100%);
  pointer-events: none;
  z-index: 1;
}

.resolve_claim_video,
.hazan_claim_video,
.golf_claim_video,
.jump_claim_video,
.estern_claim_video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.golf_claim_video {
  object-fit: contain;
  object-position: center center;
  background: #0c0e10;
}

/* Estern banner overrides shared column claim styles. */
.estern_claim_mid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}

.estern_claim_hero {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.55em;
  margin: 0;
  width: 100%;
  font-size: clamp(14px, 4.4cqw, 22px);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.65);
}

.estern_claim_hero span {
  white-space: nowrap;
}

.live_tile .nps_claim_pill {
  font-size: 10px;
  padding: 3px 6px;
}

.live_tile .nps_claim_scale {
  inset: 1cqw 20cqw 0.4cqw 5cqw;
}

.live_tile .nps_claim_xlabels {
  padding-right: 18cqw;
}

.live_tile .claim_kicker {
  display: none;
}

.fiverr_claim_kicker {
  color: var(--hl-accent);
  font-size: 2.75cqw;
  letter-spacing: 0.13em;
  line-height: 1.2;
}

.live_tile .fiverr_claim_kicker {
  display: block;
  margin-bottom: 0.7cqw;
  font-size: var(--claim-kicker);
  letter-spacing: 0.12em;
}

.fiverr_claim_card {
  container-type: inline-size;
  aspect-ratio: 960 / 689;
  margin: 0;
  overflow: hidden;
  color: #1d1d1f;
  background: var(--hl-paper-fade);
  border: 1px solid var(--hl-paper-edge);
}

.fiverr_claim_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--claim-pad-y) var(--claim-pad-x);
  font-family: var(--claim-font);
  line-height: 1.15;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-decoration: none;
}

.fiverr_claim_copy {
  flex: 0 0 auto;
}

.fiverr_claim_copy p,
.fiverr_claim_foot p {
  margin: 0;
}

.fiverr_claim_copy .fiverr_claim_kicker {
  margin: 0 0 0.7cqw;
}

.fiverr_claim_copy .fiverr_claim_hero {
  margin: 0;
}

.fiverr_claim_hero {
  max-width: 14em;
  color: #1d1d1f;
  font-size: var(--claim-hero);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.fiverr_claim_hero .teach_hl,
.li_hero_hl,
.fb_hl,
.cameo_for mark {
  background: var(--hl-outcome);
  color: var(--hl-mark-fg);
  font-weight: 850;
  padding: 0.04em 0.12em;
  border-radius: 0.25cqw;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.fiverr_claim_hero .teach_hl {
  font-weight: 850;
  padding: 0 0.1em;
}

.fiverr_claim_proof {
  margin-top: 0.85cqw;
  color: var(--hl-accent);
  font-size: var(--claim-proof);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.fiverr_claim_next {
  margin-top: 0.7cqw;
  color: #1d1d1f;
  font-size: var(--claim-proof);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.fiverr_claim_panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 1.4cqw;
  min-height: 0;
  margin-top: 1.3cqw;
  padding: 1.6cqw 1.8cqw 1.4cqw;
  background: #ffffff;
  border: 1px solid #e8e8ec;
  border-radius: 1.2cqw;
}

.fiverr_claim_dist {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

.fiverr_star_row {
  display: grid;
  grid-template-columns: 18.6cqw minmax(0, 1fr) 3.2cqw;
  gap: 1.1cqw;
  align-items: center;
  color: #76767c;
  font-size: 2.15cqw;
}

.fiverr_star_lab {
  display: flex;
  gap: 0.72cqw;
  align-items: center;
}

.fiverr_mark {
  width: 2.7cqw;
  height: 2.7cqw;
  flex: 0 0 auto;
  overflow: visible;
}

.fiverr_mark.is_on,
.fiverr_mark.is_on path {
  fill: #f5c400;
}

.fiverr_star_row.is_filled {
  color: #1d1d1f;
  font-weight: 700;
}

.fiverr_star_row.is_filled .fiverr_mark {
  width: 2.85cqw;
  height: 2.85cqw;
}

.live_tile .fiverr_mark {
  width: 2.85cqw;
  height: 2.85cqw;
}

.fiverr_bar {
  display: block;
  height: 1.45cqw;
  overflow: hidden;
  background: #d2d2d6;
  border-radius: 999px;
}

.fiverr_bar_fill {
  display: block;
  height: 100%;
  background: #1d1d1f;
  border-radius: 999px;
}

.fiverr_star_n {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fiverr_star_row.is_filled .fiverr_bar {
  height: 1.85cqw;
}

.fiverr_claim_scores {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.8cqw;
  padding-top: 1.2cqw;
  border-top: 1px solid #e8e8ec;
}

.fiverr_score_cell {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  align-items: center;
  text-align: center;
}

.fiverr_score_cell strong {
  color: #1d1d1f;
  font-size: 4.3cqw;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.fiverr_score_cell small {
  color: #6e6e73;
  font-size: 0.48em;
  font-weight: 600;
  letter-spacing: 0;
}

.fiverr_score_cell span {
  color: #6e6e73;
  font-size: 2.35cqw;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.15;
}

.fiverr_claim_foot {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.5cqw;
  align-items: center;
  margin-top: 1.5cqw;
}

.fiverr_claim_photo {
  width: 7.8cqw;
  height: 7.8cqw;
  object-fit: cover;
  border-radius: 50%;
  background: #e8e8ec;
  box-shadow: inset 0 0 0 0.12cqw rgba(0, 0, 0, 0.08);
}

.live_tile .fiverr_claim_photo {
  width: 7.8cqw;
  height: 7.8cqw;
}

.fiverr_claim_name {
  color: #1d1d1f;
  font-size: 3.15cqw;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.fiverr_claim_role {
  margin-top: 0.3cqw;
  color: #6e6e73;
  font-size: 2.45cqw;
}

.fiverr_wordmark {
  color: #222222;
  font-size: 4.6cqw;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.fiverr_wordmark span {
  color: var(--hl-accent);
}

.apple_nps_hero_chart {
  width: min(33.333vw, 520px);
  max-width: 100%;
  margin: 8px 0 24px;
  padding: 0;
}

@media (max-width: 720px) {
  .apple_proof_hero_card,
  .apple_nps_hero_chart {
    width: min(100%, 520px);
    flex: 1 1 100%;
  }
}

.apple_nps_hero_chart_caption {
  display: none;
}

.apple_proof h1 {
  max-width: 920px;
  margin: 0 0 28px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.3rem, 4.8vw, 3.4rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.apple_lede {
  max-width: 820px;
  margin: -28px 0 36px;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}

.apple_metric_strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.apple_metric {
  min-height: 132px;
  padding: 24px 22px;
  background: #f5f5f7;
  border-radius: 22px;
}

.apple_metric_lead {
  color: #ffffff;
  background: #1d1d1f;
}

.apple_metric strong,
.apple_metric .proof_lead_value {
  display: block;
  margin-bottom: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}

.apple_metric span {
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.apple_metric_lead span {
  color: rgba(255, 255, 255, 0.72);
}

.apple_proof_block {
  padding: 28px 0 8px;
}

.apple_split {
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.15fr);
  gap: 18px;
  align-items: stretch;
}

.apple_nps_card,
.apple_method_card,
.apple_trend_card,
.apple_quote {
  padding: 28px;
  background: #f5f5f7;
  border-radius: 24px;
}

.apple_nps_card strong {
  display: block;
  margin-bottom: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(3rem, 6vw, 4.4rem);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}

.apple_nps_card span,
.apple_nps_card small,
.apple_method_card p,
.apple_quote footer span {
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.5;
}

.apple_nps_card small {
  display: block;
  margin-top: 14px;
  font-size: 0.95rem;
}

.apple_method_card h3,
.apple_trend_card h3 {
  margin: 0 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.apple_trend_grid,
.apple_quote_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.apple_quote blockquote {
  margin: 0 0 18px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.28rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.apple_quote footer {
  display: grid;
  gap: 4px;
}

.apple_quote footer strong {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
}

.apple_text_link {
  display: inline-block;
  margin-top: 22px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
}

.apple_text_link:hover {
  text-decoration: underline;
}

.apple_featured_reviews {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.apple_evidence_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.fiverr_subject_block {
  margin-top: 28px;
  scroll-margin-top: 20px;
}

.fiverr_subject_title {
  margin: 0 0 12px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.apple_reviews_pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 36px;
  align-items: start;
}

.apple_reviews_col {
  min-width: 0;
}

.apple_col_kicker {
  margin: 0 0 8px;
  color: #6e6e73;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fiverr_subject_nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 18px 0 8px;
  overflow-x: auto;
  padding-bottom: 6px;
}

.fiverr_subject_nav a {
  flex: 0 0 auto;
  padding: 7px 12px;
  color: #1d1d1f;
  background: #f5f5f7;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.fiverr_subject_nav a:hover {
  background: #e8e8ed;
}

.apple_reviews_freelance .fiverr_subject_block:first-of-type {
  margin-top: 18px;
}

.apple_reviews_teaching {
  position: sticky;
  top: 20px;
}

.apple_reviews_teaching .apple_quote_grid {
  grid-template-columns: 1fr;
  gap: 12px;
}

.apple_reviews_teaching .apple_quote {
  padding: 22px 22px 20px;
  border-radius: 20px;
}

.apple_reviews_teaching .apple_quote blockquote {
  margin: 0 0 14px;
  font-size: 1.15rem;
  line-height: 1.38;
}

.apple_reviews_teaching .apple_quote footer strong {
  color: #1d1d1f;
  font-size: 0.92rem;
}

.apple_reviews_teaching .apple_text_link {
  margin-top: 16px;
  font-size: 0.92rem;
}

.apple_evidence_grid .evidence_figure,
.apple_featured_reviews .apple_review {
  margin: 0;
  overflow: hidden;
  background: #f5f5f7;
  border-radius: 16px;
}

.apple_evidence_grid img,
.apple_featured_reviews img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 160px;
  object-fit: cover;
}

.apple_evidence_grid figcaption,
.apple_featured_reviews figcaption {
  padding: 8px 10px 10px;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.68rem;
}

.fiverr_subject_block .evidence_grid.apple_evidence_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.fiverr_subject_block .apple_evidence_grid .evidence_figure {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e8e8ed;
  border-radius: 18px;
}

.fiverr_subject_block .apple_evidence_grid img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  background: #ffffff;
}

.fiverr_subject_block .apple_evidence_grid figcaption {
  display: block;
  padding: 8px 12px 12px;
  color: #6e6e73;
  font-size: 0.84rem;
}

.review_looks {
  padding-top: 12px;
}

.look_switch {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 40px;
  padding: 4px;
  overflow-x: auto;
  background: #f5f5f7;
  border-radius: 999px;
}

.look_switch button {
  margin: 0;
  padding: 9px 18px;
  color: #1d1d1f;
  background: transparent;
  border: 0;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.look_switch button.is_on {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.trio_jump {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 48px;
  padding: 4px;
  overflow-x: auto;
  background: #f5f5f7;
  border-radius: 999px;
}

.trio_jump a {
  margin: 0;
  padding: 9px 18px;
  color: #1d1d1f;
  text-decoration: none;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.trio_jump a.is_on {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.trio_gallery {
  scroll-margin-top: 88px;
  margin: 0 0 64px;
}

.trio_head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 18px;
}

.trio_head .look_title {
  margin: 0;
}

.trio_head_actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.teach_pick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.teach_pick button {
  margin: 0;
  padding: 8px 14px;
  color: #1d1d1f;
  background: #f5f5f7;
  border: 0;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.teach_pick button.is_on {
  color: #ffffff;
  background: #1d1d1f;
}

.trio_gallery:not(.is_open) .trio_quote blockquote {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.trio_count {
  margin: 0;
  color: #86868b;
  font-size: 0.95rem;
}

.trio_expand {
  margin: 0;
  padding: 0;
  color: #1d1d1f;
  background: transparent;
  border: 0;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.trio_stage {
  position: relative;
  padding: 18px 48px;
  background: #f5f5f7;
  border-radius: 32px;
}

.trio_viewport {
  overflow: hidden;
}

.trio_track {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.trio_shot {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 14px;
  min-width: 0;
}

.trio_shot .trio_card {
  flex: none;
  width: auto;
  min-width: 0;
}

.trio_card {
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e8e8ed;
  border-radius: 20px;
}

.trio_card img {
  display: block;
  width: 100%;
  height: auto;
}

.trio_quote {
  padding: 28px 24px 22px;
  background: #ffffff;
}

.trio_kicker {
  margin: 0 0 8px;
  color: #86868b;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.trio_score {
  margin: 0 0 8px;
  color: #f5c400;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 3.2rem;
  font-weight: 650;
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.trio_quote .apple_text_link {
  display: inline-block;
  margin-top: 12px;
}

.trio_quote img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 320px;
  height: auto;
  margin: 0 auto 16px;
  object-fit: contain;
  object-position: top center;
}

.trio_gallery.is_open .trio_quote img {
  max-height: 520px;
}

.trio_quote blockquote {
  margin: 0 0 12px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.teach_hl {
  background: var(--hl-soft);
  color: inherit;
  font-weight: 650;
  padding: 0 0.08em;
  border-radius: 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.trio_quote p {
  margin: 0;
  color: #6e6e73;
}

.trio_nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: #1d1d1f;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}

.trio_nav.is_prev {
  left: 8px;
}

.trio_nav.is_next {
  right: 8px;
}

.trio_gallery.is_open .trio_viewport {
  height: auto !important;
  overflow: visible;
}

.trio_gallery.is_open .trio_track {
  flex-direction: column;
  transform: none !important;
}

.trio_gallery.is_open .trio_shot,
.trio_gallery.is_open .trio_card {
  flex-basis: auto;
}

.trio_gallery.is_open .trio_shot {
  width: 100%;
}

.trio_gallery.is_open .trio_nav {
  display: none;
}

.home_proof_strip .trio_stage {
  padding: 22px 58px;
  border-radius: 24px;
}

.home_proof_strip .trio_quote {
  padding: 22px 24px 18px;
}

.home_proof_strip .trio_score {
  font-size: 2.1rem;
}

.home_proof_strip:not(.is_open) .trio_quote img {
  display: none;
}

.home_proof_strip:not(.is_open) .trio_quote blockquote {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  font-size: 1.42rem;
  font-weight: 560;
  line-height: 1.42;
}

.home_proof_strip .trio_quote p {
  font-size: 0.95rem;
}

.home_proof_strip .teach_hl {
  background: var(--hl-soft);
  font-weight: 780;
  font-size: 1.06em;
  padding: 0.05em 0.14em;
}

.home_proof_strip .trio_nav.is_prev {
  left: 6px;
}

.home_proof_strip .trio_nav.is_next {
  right: 6px;
}

.home_proof_strip .trio_shot .trio_card:not(.trio_quote) {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.home_proof_strip .trio_shot .trio_card:not(.trio_quote) img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}

@media (max-width: 700px) {
  .trio_stage {
    padding: 12px 12px 12px 12px;
  }

  .trio_shot {
    grid-template-columns: 1fr;
  }

  .home_proof_strip .trio_stage {
    padding: 14px 46px;
  }

  .home_proof_strip:not(.is_open) .trio_quote blockquote {
    font-size: 1.1rem;
    line-height: 1.45;
    -webkit-line-clamp: 7;
  }

  .home_proof_strip .trio_shot .trio_card:not(.trio_quote) {
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent);
    mask-image: linear-gradient(90deg, #000 82%, transparent);
  }

  .home_proof_strip .trio_shot .trio_card:not(.trio_quote) img {
    width: auto;
    max-width: none;
    height: 196px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trio_track {
    transition: none;
  }
}

.review_look {
  display: none;
}

.review_look.is_on {
  display: block;
}

.look_title {
  margin: 0 0 28px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 650;
  letter-spacing: -0.04em;
}

.bill_chapter {
  margin: 0 0 48px;
}

.bill_head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 16px;
}

.bill_head h3 {
  margin: 0;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.6rem, 4.2vw, 3.1rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.bill_head p {
  margin: 0;
  color: #86868b;
  font-size: 0.95rem;
}

.bill_stack {
  display: grid;
  gap: 14px;
}

.bill_stack .apple_review {
  margin: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e8e8ed;
  border-radius: 18px;
}

.bill_stack .apple_review img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

.bill_stack .apple_review:first-child {
  border-radius: 22px;
}

.nike_band {
  margin-top: 12px;
  padding: 40px 28px 32px;
  color: #f5f5f7;
  background: #1d1d1f;
  border-radius: 28px;
}

.nike_band .apple_col_kicker,
.nike_band .look_title,
.nike_quote footer span {
  color: #a1a1a6;
}

.nike_band .look_title {
  color: #f5f5f7;
  margin-bottom: 22px;
}

.nike_quote_row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.nike_quote {
  padding: 22px 22px 18px;
  background: #2c2c2e;
  border-radius: 20px;
}

.nike_quote blockquote {
  margin: 0 0 14px;
  color: #f5f5f7;
  font-size: 1.15rem;
  line-height: 1.35;
}

.nike_quote footer strong {
  color: #f5c400;
}

.nike_link {
  color: #f5f5f7;
}

.film_row {
  margin: 0 0 32px;
}

.film_track {
  display: flex;
  gap: 16px;
  padding: 4px 2px 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.look_gallery .film_track .apple_review,
.film_quote {
  flex: 0 0 min(780px, 86vw);
  scroll-snap-align: start;
  border: 1px solid #e8e8ed;
  border-radius: 20px;
  background: #ffffff;
}

.look_gallery .film_track .apple_review img {
  max-height: none;
  object-fit: contain;
}

.film_quote {
  padding: 28px 26px 22px;
}

.film_quote blockquote {
  margin: 0 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.film_teach {
  margin-top: 12px;
}

.focus_head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 28px;
}

.focus_copy {
  min-width: 0;
}

.focus_subject {
  margin: 6px 0 0;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.4rem, 6vw, 4.4rem);
  font-weight: 650;
  letter-spacing: -0.06em;
  line-height: 0.94;
}

.focus_index {
  margin: 0 2px 4px 0;
  color: #86868b;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.focus_gallery {
  margin: 0 0 56px;
}

.focus_well {
  position: relative;
  padding: 28px 72px;
  background: #f5f5f7;
  border-radius: 36px;
}

.focus_slide {
  display: block;
  margin: 0;
  overflow: hidden;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
}

.focus_slide img {
  display: block;
  width: 100%;
  height: auto;
}

.focus_slide img.is_swap {
  animation: focus_in 320ms ease;
}

@keyframes focus_in {
  from {
    opacity: 0.35;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.focus_nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  color: #1d1d1f;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}

.focus_nav.is_prev {
  left: 14px;
}

.focus_nav.is_next {
  right: 14px;
}

.focus_film {
  margin-top: 18px;
  mask-image: linear-gradient(to right, transparent, #000 18px, #000 calc(100% - 36px), transparent);
}

.focus_thumbs {
  display: flex;
  gap: 12px;
  padding: 6px 18px 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.focus_thumbs::-webkit-scrollbar {
  display: none;
}

.focus_thumb {
  flex: 0 0 min(520px, 72vw);
  padding: 0;
  overflow: hidden;
  background: #ffffff;
  border: 2px solid #ececf0;
  border-radius: 16px;
  opacity: 0.72;
  scroll-snap-align: start;
  cursor: pointer;
}

.focus_thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.focus_thumb.is_on {
  border-color: #1d1d1f;
  opacity: 1;
}

.focus_quote_stack {
  display: grid;
  gap: 18px;
}

.focus_quote {
  padding: 8px 0 18px;
  border-bottom: 1px solid #e8e8ed;
}

.focus_quote:first-child blockquote {
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.focus_score {
  margin: 0 0 6px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 3.2rem;
  font-weight: 650;
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.focus_quote:first-child .focus_score {
  color: #f5c400;
}

.focus_quote blockquote {
  margin: 0 0 10px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  line-height: 1.35;
}

.focus_quote p {
  margin: 0;
  color: #6e6e73;
}

@media (max-width: 700px) {
  .focus_head {
    align-items: flex-start;
  }

  .focus_well {
    padding: 12px;
  }

  .focus_nav {
    display: none;
  }

  .focus_film {
    mask-image: none;
  }

  .focus_thumbs {
    padding-left: 0;
    padding-right: 0;
  }

  .focus_thumb {
    flex-basis: min(86vw, 420px);
  }
}

.apple_cta_block {
  padding-bottom: 48px;
}

.apple_contact {
  color: #1d1d1f;
  background: #ffffff;
}

.apple_contact h1 {
  max-width: 920px;
  margin: 0 0 28px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(3.2rem, 8vw, 5.4rem);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.apple_contact .apple_lede {
  margin: -4px 0 32px;
}

.apple_contact_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.contact_focus_picker {
  max-width: 980px;
  margin: 0 auto 48px;
  padding: 0 22px;
}

.contact_focus_picker .apple_section_head {
  margin-bottom: 14px;
}

.contact_focus_selected {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(29, 29, 31, 0.12);
}

.contact_focus_label {
  margin: 0 0 4px;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.72;
}

.contact_focus_url {
  margin: 0 0 12px;
  font-size: 0.98rem;
  word-break: break-all;
}

.contact_focus_url a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.contact_focus_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.contact_focus_actions .apple_submit {
  min-height: 42px;
  padding: 0 18px;
}

.contact_focus_status {
  min-height: 1.2em;
  margin: 10px 0 0;
  font-size: 0.9rem;
  opacity: 0.8;
}

.contact_focus_chip.is_on {
  color: #ffffff;
  background: #1d1d1f;
}

.apple_submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  color: #ffffff;
  background: #1d1d1f;
  border: 0;
  border-radius: 980px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.apple_contact_actions .apple_submit {
  max-width: 100%;
  height: auto;
  min-height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.apple_contact_grid,
.apple_contact_paths,
.apple_contact .apple_contact_more {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.apple_contact_grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
  gap: 36px;
  padding: 12px 0 18px;
  align-items: start;
}

.apple_contact_form {
  display: grid;
  gap: 14px;
}

.apple_field {
  display: grid;
  gap: 8px;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.apple_field input,
.apple_field textarea {
  width: 100%;
  padding: 14px 16px;
  color: #1d1d1f;
  background: #f5f5f7;
  border: 1px solid transparent;
  border-radius: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  resize: vertical;
}

.apple_field input:focus,
.apple_field textarea:focus {
  outline: none;
  border-color: #1d1d1f;
  background: #ffffff;
}

.apple_contact_form .apple_submit {
  justify-self: start;
  margin-top: 6px;
}

.apple_contact_side {
  display: grid;
  gap: 28px;
  padding: 28px;
  background: #f5f5f7;
  border-radius: 28px;
}

.apple_contact_side a {
  color: #1d1d1f;
  font-weight: 600;
  text-decoration: none;
}

.apple_contact_side a:hover {
  color: #ef4f4f;
}

.apple_contact_paths {
  padding: 36px 0 12px;
}

.apple_path_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.apple_path_card {
  margin: 0;
  padding: 24px;
  background: #f5f5f7;
  border-radius: 22px;
}

.apple_path_card h3 {
  margin: 0 0 10px;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.apple_path_card p {
  margin: 0;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.5;
}

.apple_contact_more {
  padding-bottom: 96px;
}

.apple_proof .sparkline {
  width: 100%;
  height: auto;
  margin-top: 8px;
}

@media (max-width: 980px) {
  .apple_metric_strip,
  .apple_trend_grid,
  .apple_split,
  .apple_contact_grid,
  .apple_path_grid {
    grid-template-columns: 1fr;
  }

  .apple_quote_grid,
  .apple_evidence_grid,
  .apple_featured_reviews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evidence_grid.apple_evidence_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .apple_evidence_grid .evidence_figure {
    padding: 6px;
  }

  .apple_reviews_pair {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .fiverr_subject_nav {
    flex-wrap: wrap;
    overflow: visible;
  }

  .apple_reviews_teaching {
    position: static;
  }

  .apple_reviews_teaching .apple_quote_grid {
    grid-template-columns: 1fr;
  }

  .fiverr_subject_block .evidence_grid.apple_evidence_grid {
    grid-template-columns: 1fr;
  }

  .fiverr_subject_block .apple_evidence_grid figcaption {
    display: block;
  }

  .fiverr_subject_block .apple_evidence_grid img {
    max-height: none;
  }

  .apple_evidence_grid figcaption {
    display: none;
  }

  .apple_evidence_grid img,
  .apple_featured_reviews img {
    max-height: 96px;
  }

  .apple_proof_block {
    padding: 18px 0 4px;
  }

  .apple_nps_card,
  .apple_method_card,
  .apple_trend_card,
  .apple_quote {
    padding: 18px;
    border-radius: 18px;
  }

  .apple_proof .apple_hero {
    padding: 16px 0 12px;
  }

  .apple_proof h1 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 8vw, 2.4rem);
  }

  .apple_metric_strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .apple_proof .apple_hero,
  .apple_proof .apple_more,
  .apple_proof_block,
  .apple_contact_grid,
  .apple_contact_paths,
  .apple_contact .apple_contact_more {
    width: min(100% - 34px, 980px);
  }

  .apple_lede {
    font-size: 1.08rem;
  }

  .apple_quote blockquote {
    font-size: 1.15rem;
  }

  .apple_contact h1 {
    font-size: clamp(2.8rem, 16vw, 4.2rem);
  }

  .apple_contact_side {
    border-radius: 22px;
  }
}

@media (max-width: 1100px) {
  .live_body_grid {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin-left: 0;
    gap: 28px;
  }

  .live_blog {
    padding-left: 0;
    padding-top: 22px;
    border-top: 1px solid #c7c7cc;
  }

  .live_blog {
    display: none;
  }
}

@media (max-width: 980px) {
  /* Keep the three-column plane; tiles scale down with container width. */
  .live_masonry {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 10px;
  }

  .live_column {
    gap: 10px;
  }

  .live_tile {
    clip-path: inset(0 round 12px);
  }

  .articles_masonry {
    column-count: 2;
  }
}

@media (max-width: 700px) {
  .live_masonry {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }

  .live_column {
    gap: 8px;
  }

  .live_content {
    padding-bottom: 40px;
  }

  .live_follow {
    flex-direction: column;
    max-width: none;
  }

  .articles_masonry {
    column-count: 1;
  }
}

@media (max-width: 850px) {
  .proof_strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .proof_lead {
    grid-column: 1 / -1;
  }

  .split_section,
  .content_layout,
  .case_hero {
    grid-template-columns: 1fr;
  }

  .case_hero {
    gap: 30px;
  }

  .side_card {
    position: static;
  }

  .case_sections {
    grid-template-columns: 1fr;
  }

  .case_link_grid {
    grid-template-columns: 1fr;
  }

  .combine_drill_card {
    grid-template-columns: 1fr;
  }

  .gallery_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .nav_wrap,
  .page_wrap,
  .site_footer {
    width: min(100% - 34px, 1180px);
  }

  .live_header {
    height: auto;
    min-height: 0;
    padding: 6px 0 8px;
  }

  .live_social_strip {
    transform: none;
  }

  .live_search {
    top: 6px;
    right: 8px;
  }

  .live_search.is_open .live_search_bar,
  .live_search_results {
    width: min(280px, calc(100vw - 20px));
  }

  .live_logo {
    position: static;
    margin-bottom: 4px;
    padding-bottom: 0;
    font-size: 1.15rem;
    line-height: 24px;
    letter-spacing: -0.04em;
    transform: none;
  }

  .main_nav {
    min-height: 75px;
  }

  .live_nav {
    position: static;
    width: auto;
    height: auto;
    gap: 8px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.48rem;
    letter-spacing: normal;
    flex-wrap: wrap;
    transform: none;
  }

  .live_nav a {
    padding: 0;
    line-height: 14px;
  }

  .live_content {
    width: min(100% - 34px, 1180px);
    padding-top: 14px;
  }

  .live_content > h1 {
    margin-bottom: 14px;
    font-size: 1.15rem;
    line-height: 18.4px;
    letter-spacing: -0.05em;
  }

  .live_body_grid {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }

  .nav_items {
    gap: 9px;
    font-size: 0.68rem;
  }

  .nav_items a:nth-child(-n + 3) {
    display: none;
  }

  .nav_cta {
    padding: 8px 10px;
  }

  .page_hero {
    min-height: 555px;
    padding: 87px 0 80px;
  }

  h1 {
    font-size: clamp(3.6rem, 17vw, 5.5rem);
  }

  .hero_annotation {
    right: 0;
    bottom: 25px;
  }

  .page_wrap {
    padding-top: 78px;
    padding-bottom: 82px;
  }

  .proof_strip,
  .work_grid,
  .contact_card,
  .quote_grid,
  .trend_cards,
  .evidence_grid:not(.apple_evidence_grid) {
    grid-template-columns: 1fr;
  }

  .proof_lead {
    grid-column: auto;
  }

  .proof_stat {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .proof_stat strong {
    font-size: 2.2rem;
  }

  .project_card {
    min-height: 0;
  }

  .project_card_media {
    height: 210px;
  }

  .dark_band,
  .apple_band {
    padding: 40px 0;
  }

  .content_layout {
    gap: 42px;
  }

  .timeline_item {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .metric_callout {
    grid-template-columns: 1fr;
  }

  .gallery_grid {
    grid-template-columns: 1fr;
  }

  .gallery_grid img {
    height: auto;
    max-height: 310px;
  }

  .contact_card {
    padding: 27px;
  }

  .contact_details {
    justify-items: start;
  }

  .site_footer {
    display: block;
  }

  .footer_links {
    margin-top: 23px;
  }
}

@keyframes rise_in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hero_orbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .page_hero::after,
  .hero_content,
  .live_tile,
  .live_tile_media,
  .live_tile_overlay,
  .project_card,
  .button,
  .nav_cta {
    animation: none !important;
    transition: none !important;
  }

  .live_tile:hover,
  .live_tile:focus-visible,
  .project_card:hover,
  .button:hover,
  .nav_cta:hover {
    transform: none !important;
  }
}