/* /partners (2026-10-04) · offer-sheet archetype for a partner programme, its own composition (layouts-in-use.md): a left-aligned two-tone
   H1 with the pill pair, then the three partner tracks right under it inside the dark hero (Technology on the Hawcx blue: the highlight);
   our partners as painted covers with the Hawcx x partner lockup (v2: the rows looked "a bit bland"); the FAQ; the close. (The benefits live in the track cards, not again in a section.) Shared parts: calm.css. */

/* hero */
body.elv .prt-hero{padding-bottom:104px}
body.elv .prt-h1{max-width:980px}
body.elv .prt-h1 span{display:block;color:rgba(255,255,255,.55)}
body.elv .prt-ctas{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}

/* the tracks: three objects directly under the title */
body.elv .prt-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:72px 0 0;padding:0;list-style:none}
body.elv .prt-track{display:flex;flex-direction:column;min-height:400px;padding:26px 26px 22px;border-radius:18px;background:#232325;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.05)}
body.elv .prt-track--tech{background:var(--field-blue);background-color:#0a3cb0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body.elv .prt-k{margin:0;font-size:14px;line-height:20px;color:rgba(255,255,255,.62)}
body.elv .prt-track h2{margin:12px 0 0;max-width:320px;font-size:24px;line-height:31px;font-weight:300;letter-spacing:-.015em;color:#fff}
body.elv .prt-gets{margin:24px 0 0;padding:0;list-style:none}
body.elv .prt-gets li{position:relative;padding:9px 0 9px 24px;border-top:1px dotted rgba(255,255,255,.16);font-size:15px;line-height:22px;color:rgba(255,255,255,.86)}
body.elv .prt-gets li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.8}
body.elv .prt-now{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;border-top:1px dotted rgba(255,255,255,.16);font-size:13px;line-height:20px;color:rgba(255,255,255,.62)}
body.elv .prt-logos{display:flex;align-items:center;gap:16px}
body.elv .prt-logos img{width:auto;height:22px}
body.elv .prt-logos b{font-weight:500;font-size:15px;letter-spacing:-.01em;color:#fff}
body.elv .prt-link{color:#fff;font-size:14px}
body.elv .prt-link:hover{text-decoration:underline;text-underline-offset:3px}

/* our partners: one painted cover per partnership with the Hawcx x partner lockup, the caption under the card (cl-tools anatomy) */
body.elv .prt-cover{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:18px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .35s var(--ease)}
body.elv .prt-cover:hover{transform:translateY(-3px)}
body.elv .prt-cover{--cl-size:cover}
body.elv .prt-lock{display:flex;align-items:center;gap:14px;color:#fff}
body.elv .prt-hx{width:96px;height:auto;flex:none}
body.elv .prt-lock i{font-style:normal;font-size:18px;line-height:1;color:rgba(255,255,255,.6)}
body.elv .prt-lock img{width:auto;height:26px}
body.elv .prt-word{font-weight:500;font-size:20px;line-height:1;letter-spacing:-.01em;color:#fff}
body.elv .prt-tag{position:absolute;left:18px;top:16px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;line-height:18px;color:rgba(255,255,255,.88)}
body.elv .prt-covers .prt-meta{margin:18px 0 0;font-size:14px;line-height:20px;color:var(--ink-60)}
body.elv .prt-covers .cl-tool>h3{margin-top:4px;font-size:22px;line-height:28px;font-weight:300;letter-spacing:-.015em}

@media (max-width:1100px){
  body.elv .prt-tracks{grid-template-columns:minmax(0,1fr);gap:12px}
  body.elv .prt-track{min-height:0}
  body.elv .prt-gets{margin-top:18px}
  body.elv .prt-now{margin-top:20px}
}
@media (max-width:760px){
  body.elv .prt-hero{padding-bottom:72px}
  body.elv .prt-tracks{margin-top:48px}
  body.elv .prt-track{padding:22px 20px 18px}
  body.elv .prt-hx{width:84px}
  body.elv .prt-lock img{height:22px}
}
body.elv .prt-lock img.prt-num{height:18px}