/* Pages E: Partner, Careers (Opportunities), Contact us. Builds on pages.css. */
.e-k { font-family: var(--mono); font-size: 12.5px; letter-spacing: .02em; text-transform: uppercase; color: var(--muted); }
.e-hero-media { margin-top: clamp(40px, 4vw, 56px); }
.e-hero-media .media { background: #cfe6fb; }
.e-hero-media .media .slot > img { object-position: center; }

/* Dark panel (as the home's "Look up any business") */
.dpanel { position: relative; border-radius: var(--r-card); color: #fff; background: linear-gradient(160deg, #0a0a0a 0%, #232326 100%); padding: clamp(24px, 4vw, 64px); overflow: hidden; }
.dpanel .h2 { color: #fff; }
.dpanel .e-k { color: rgba(255, 255, 255, .5); }
.dpanel .p { color: rgba(255, 255, 255, .72); }

/* ---------- Partner: dashboard scene ---------- */
.pd-wrap { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; }
.pd { position: relative; width: min(640px, 100%); padding: 22px 26px 10px; background: rgba(255, 255, 255, .72); box-shadow: 0 0 0 1px rgba(255, 255, 255, .6), 0 30px 60px -36px rgba(10, 10, 10, .35); }
.pd-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.pd-top b { font-size: 20px; font-weight: 500; letter-spacing: -.025em; }
.pd-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 46px; padding: 0 8px 0 18px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px rgba(10, 10, 10, .08); font-size: 14px; }
.pd-link .mono { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-copy { width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--soft); display: grid; place-items: center; }
.pd-copy .icon { width: 15px; height: 15px; }
.pd-rows { margin-top: 10px; }
.pd-rows li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding-block: 13px; border-top: 1px solid rgba(10, 10, 10, .07); font-size: 15px; }
.pd-rows li:first-child { border-top: 0; }
.pd-av { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--soft); font-size: 13px; font-weight: 500; }
.pd-av.pw { background: var(--navy); }
.pd-av.pw svg { width: 16px; height: 16px; fill: #fff; }
.pd-n { font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-a { font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.pd-pill { position: absolute; right: max(24px, calc(50% - 370px)); top: calc(50% - 172px); transform: translateY(-50%); display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; white-space: nowrap; border-radius: 999px; font-size: 15px; font-weight: 500; background: #fff; z-index: 2; }
.pd-pill .icon { color: var(--blue); }
@media (max-width: 760px) {
  .pd-wrap { padding: 52px 16px 16px; align-content: center; }
  .pd { padding: 16px 16px 4px; }
  .pd-rows li { grid-template-columns: auto minmax(0, 1fr) auto; row-gap: 2px; }
  .pd-rows li .pd-a { grid-column: 2 / -1; grid-row: 2; }
  .pd-rows li .tag { grid-column: 3; grid-row: 1; }
  .pd-pill { white-space: nowrap; top: 20px; right: auto; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 380px) { .pd-rows li .tag { font-size: 11.5px; padding: 0 8px; } }

/* Facts row */
.e-stats .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.e-stats { padding-top: clamp(56px, 6vw, 96px); padding-bottom: 0; }
.e-stats .stat span { max-width: 22ch; }
@media (max-width: 900px) { .e-stats .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; } .e-stats .stat:nth-child(n) { border-left: 1px solid var(--line); padding-left: 20px; } .e-stats .stat:nth-child(odd) { border-left: 0; padding-left: 0; } }
.e-stats + .sec { padding-top: clamp(72px, 8vw, 128px); }

/* How it works */
.e-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 32px); }
.e-step { display: grid; gap: 10px; align-content: start; }
.e-step .media { aspect-ratio: 3 / 2; margin-bottom: 14px; }
.e-step .slot > img { object-fit: cover; }
.e-num { font-family: var(--mono); font-size: 12.5px; color: var(--muted); }
.e-step .h4 { font-size: 24px; font-weight: 500; letter-spacing: -.028em; line-height: 1.12; }
.e-step .p { max-width: 38ch; }
@media (max-width: 860px) { .e-steps { grid-template-columns: 1fr; gap: 40px; } }

/* Calculator on dark */
.e-calc { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px clamp(32px, 5vw, 80px); align-items: center; }
.e-calc-copy { display: grid; gap: 16px; align-content: start; }
.e-calc-copy .p { max-width: 42ch; }
.e-calc-box { display: grid; gap: 20px; padding: clamp(20px, 2.6vw, 36px); border-radius: 20px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.e-fig { display: grid; gap: 6px; }
.e-fig > span { font-size: 14px; color: rgba(255, 255, 255, .55); }
.e-fig b { font-size: clamp(56px, 7vw, 104px); font-weight: 400; letter-spacing: -.05em; line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.e-fig small { font-size: 14px; color: rgba(255, 255, 255, .55); }
.e-calc .calc-label { color: rgba(255, 255, 255, .85); }
.e-calc .range { background: linear-gradient(to right, #fff var(--fill, 25%), rgba(255, 255, 255, .22) var(--fill, 25%)); }
.e-calc .range::-webkit-slider-thumb { background: #fff; border: 3px solid #0a0a0a; box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); }
.e-calc .range::-moz-range-thumb { background: #fff; border: 3px solid #0a0a0a; }
.e-count { display: flex; align-items: baseline; gap: 10px; }
.e-count b { font-size: 28px; font-weight: 500; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.e-count span { font-size: 14px; color: rgba(255, 255, 255, .55); }
.e-note { font-size: 14px; color: rgba(255, 255, 255, .55); padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .1); }
@media (max-width: 900px) { .e-calc { grid-template-columns: 1fr; } }

/* Who it is for */
.e-who { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px clamp(32px, 5vw, 80px); align-items: center; }
.e-who-m { aspect-ratio: 4 / 5; }
.e-who-m .slot > img { object-fit: cover; object-position: 60% 30%; }
.e-who-l { display: grid; gap: 28px; }
.e-who-h { display: grid; gap: 12px; }
.e-who .row b { font-size: 20px; }
@media (max-width: 900px) { .e-who { grid-template-columns: 1fr; } .e-who-m { aspect-ratio: 4 / 4.4; } }

/* What you get */
.e-cells { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.e-cell { min-height: 260px; border-radius: var(--r-card); background: var(--soft); padding: 26px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.e-cell b { display: block; font-size: 20px; font-weight: 500; letter-spacing: -.025em; line-height: 1.15; }
.e-cell p { margin-top: 8px; color: var(--muted); max-width: 38ch; text-wrap: pretty; }
.e-cell .pills { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.e-cell .pill { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: #fff; font-size: 13px; }
.e-ic { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: grid; place-items: center; }
.e-ic .icon { width: 17px; height: 17px; }
.e-cell.ink { background: var(--btn); color: #fff; }
.e-cell.ink p { color: rgba(255, 255, 255, .62); }
.e-cell.ink .e-ic { background: rgba(255, 255, 255, .12); }
.e-big { display: block; margin-top: 18px; font-size: clamp(56px, 6vw, 88px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
@media (max-width: 1000px) { .e-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .e-cells { grid-template-columns: 1fr; } .e-cell { min-height: 0; padding: 22px; } }

/* Final CTA on sky */
.e-cta { min-height: clamp(360px, 32vw, 460px); display: grid; place-items: center; text-align: center; padding: 48px 20px; }
.e-cta .slot { z-index: -1; }
.e-cta-in { display: grid; justify-items: center; gap: 14px; }
.e-cta-in small { font-size: 16px; font-weight: 500; }
.e-cta-in .h2 { max-width: 16ch; }
.e-cta-in .actions { margin-top: 12px; }

/* ---------- Careers ---------- */
.e-rc-wrap { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; }
.e-roles-card { width: min(480px, 100%); padding: 20px 22px 10px; background: rgba(255, 255, 255, .78); }
.e-rc-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.e-rc-top b { font-size: 20px; font-weight: 500; letter-spacing: -.025em; }
.e-roles-card li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 13px; border-top: 1px solid rgba(10, 10, 10, .07); font-size: 15px; }
.e-roles-card li > span:first-child { min-width: 0; }
.e-roles-card .label { flex: none; }
@media (max-width: 760px) { .e-rc-wrap { padding: 16px; } .e-roles-card { padding: 16px 16px 6px; } .e-roles-card li { font-size: 14px; } }

.e-statement { max-width: 20ch; margin: 0 auto; text-align: center; font-size: clamp(36px, 5vw, 72px); font-weight: 500; letter-spacing: -.04em; line-height: 1.02; text-wrap: balance; }
.e-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px clamp(32px, 6vw, 96px); max-width: 1100px; margin: clamp(48px, 5vw, 80px) auto 0; }
.e-cols > div { display: grid; gap: 16px; align-content: start; padding-top: 20px; border-top: 1px solid var(--line); }
.e-lead { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.3; letter-spacing: -.02em; text-wrap: pretty; }
@media (max-width: 760px) { .e-cols { grid-template-columns: 1fr; } }

.e-values { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px clamp(32px, 5vw, 80px); }
.e-values-h { display: grid; gap: 16px; align-content: start; }
.e-vlist { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
.e-vlist li { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; align-content: start; padding: 20px 0 28px; border-top: 1px solid rgba(255, 255, 255, .14); }
.e-vlist .mono { grid-row: span 2; font-size: 12.5px; color: rgba(255, 255, 255, .45); padding-top: 4px; }
.e-vlist b { font-size: 22px; font-weight: 500; letter-spacing: -.025em; }
.e-vlist p { color: rgba(255, 255, 255, .62); }
@media (max-width: 900px) { .e-values { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .e-vlist { grid-template-columns: 1fr; } }

.e-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.e-benefit { display: grid; gap: 18px; align-content: start; }
.e-benefit .media { aspect-ratio: 4 / 3; display: grid; place-items: center; }
.e-chip { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 999px; font-size: 18px; font-weight: 500; letter-spacing: -.02em; background: rgba(255, 255, 255, .72); }
.e-chip .icon { width: 18px; height: 18px; color: var(--blue); }
.e-benefit .p { max-width: 36ch; }
@media (max-width: 900px) { .e-benefits { grid-template-columns: 1fr; gap: 32px; } }

.roles .role { grid-template-columns: 48px minmax(0, 1fr) auto; }
.e-ri { color: var(--muted); font-size: 12.5px; padding-top: 6px; }
.role-meta { flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 10px; padding-top: 4px; }
.role-meta .mono { font-size: 12.5px; color: var(--muted); }
@media (max-width: 760px) { .roles .role { grid-template-columns: 1fr; } .role-meta { flex-direction: row; align-items: center; justify-content: flex-start; } }

.e-hire { display: grid; grid-template-columns: 1fr 1fr; gap: 24px clamp(32px, 6vw, 96px); align-items: end; padding: clamp(28px, 4vw, 56px); border-radius: var(--r-card); background: var(--soft); }
.e-hire > div:first-child { display: grid; gap: 14px; }
.e-hire-r { display: grid; gap: 20px; justify-items: start; }
@media (max-width: 760px) { .e-hire { grid-template-columns: 1fr; } }

/* ---------- Contact ---------- */
.e-chat-media { aspect-ratio: 16 / 5.6; display: grid; place-items: center; }
.e-chat { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 20px; padding: 26px 26px 26px 28px; width: min(680px, calc(100% - 48px)); background: rgba(255, 255, 255, .78); }
.e-chat-av { width: 64px; height: 64px; border-radius: 50%; background: var(--ink); display: grid; place-items: center; }
.e-chat-av svg { width: 32px; height: 32px; fill: #fff; }
.e-chat-t { display: grid; gap: 2px; min-width: 0; }
.e-chat-t b { font-size: 28px; font-weight: 500; letter-spacing: -.028em; }
.e-chat-t span { font-size: 15px; color: var(--muted); }
@media (max-width: 760px) {
  .e-chat-media { aspect-ratio: 4 / 4.2; }
  .e-chat { grid-template-columns: auto minmax(0, 1fr); width: calc(100% - 32px); padding: 18px; }
  .e-chat .btn { grid-column: 1 / -1; }
}
.e-contact { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px clamp(32px, 5vw, 80px); align-items: start; }
.e-channels { display: grid; gap: 8px; }
.e-channels .rows { margin-top: 8px; }
.e-channels .row small { line-height: 1.5; }
@media (max-width: 900px) { .e-contact { grid-template-columns: 1fr; } }