/* Pricing's first month and the enterprise story (Nov 2, 2026).
   Ohad: "did you see this poor design on the pricing page?" and "enterprise solution is not multiple entities per se,
   it could be a larger corporation who needs help, so we need better visualization and storytelling".
   1. .fm  Your first month, drawn: five steps on one rail, each with a small moment from Leo's month (pricing #next).
   2. .om  The company map: teams and their cardholders, one desk, one Friday number (pricing #enterprise, enterprise.html).
   3. .ent The enterprise page: the four jobs at company scale, the form, straight answers.
   Type and color follow the pricing page: DM Serif Display, JetBrains Mono labels, DM Sans; the four pillar colors. */
.pp,.ent{--ink:#141216;--body:#4A4450;--mute:#6E6776;--pink:#FA1896;--pinkd:#C30E6E;--paper:#FBF7EF;--card:#FFFDF8;--box:#F3ECDF;
  --well:#EAE0CE;--chip:#F8F2E7;--rule:rgba(20,18,22,.1);--earn:#107B49;--burn:#BB4401;--ret:#7149C9;--learn:#085884;
  --mono:'JetBrains Mono',ui-monospace,monospace;--sans:'DM Sans',system-ui,sans-serif;--serif:'DM Serif Display',Georgia,serif}
.ent .lbl,.fm .lbl,.om .lbl{font:500 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

/* ================= 1. Your first month, drawn ================= */
.fm{position:relative}
.fm-steps{list-style:none;margin:0;padding:0;counter-reset:fm}
.fm-steps>li{--d:calc(var(--i,0) * .32s);position:relative;counter-increment:fm;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;padding:0 0 30px}
.fm-steps>li:last-child{padding-bottom:0}
.fm-n{grid-column:1;grid-row:1/span 4;align-self:start;position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#FAF6EE;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--mono);box-shadow:0 0 0 5px var(--cream,#FAF6EE)}
.fm-n::before{content:counter(fm)}
/* the rail: a quiet track, and a fill that runs down it (across it on desktop) as the month plays */
.fm-steps>li::before,.fm-steps>li::after{content:"";position:absolute;left:17px;top:42px;bottom:4px;width:2px;border-radius:2px}
.fm-steps>li::before{background:var(--well)}
.fm-steps>li::after{background:linear-gradient(var(--ink),var(--pink));transform-origin:50% 0;transform:scaleY(0);transition:transform .55s cubic-bezier(.3,.7,.2,1) calc(var(--d) + .25s)}
.fm-steps>li:last-child::before,.fm-steps>li:last-child::after{display:none}
.fm-steps .lbl{grid-column:2;display:block;margin:9px 0 0}
.fm-steps h3{grid-column:2;font:700 18px/1.3 var(--sans);color:var(--ink);margin:6px 0 0}
.fm-steps li>p{grid-column:2;font:400 15px/1.5 var(--sans);color:var(--body);margin:6px 0 0;max-width:30em}
.fm-cap{margin:22px 0 0;font:400 12.5px/1.45 var(--sans);color:var(--mute)}

/* the moments */
.fm-v{grid-column:2;position:relative;margin:16px 0 0;padding:14px 14px 15px;border-radius:16px;background:var(--card);
  box-shadow:0 0 0 1px var(--rule),0 18px 32px -26px rgba(20,18,22,.5);font:400 13px/1.4 var(--sans);color:var(--body);min-width:0}
.fm-vh{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 10.5px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.fm-vh em{flex:none;font-style:normal;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);letter-spacing:.06em}
.fm-k{margin:12px 0 6px;font:600 10px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.fm-k b{color:var(--ink);font-weight:700}
.fm-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fm-chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 8px;border-radius:999px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule);font:600 12px/1.2 var(--sans);color:var(--ink)}
.fm-chips li::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--c)}
.fm-goal{display:flex;align-items:center;gap:8px;text-wrap:balance;padding:8px 10px;border-radius:12px;background:#FFF1F8;box-shadow:inset 0 0 0 1px rgba(250,24,150,.28);font:700 13px/1.25 var(--sans);color:var(--pinkd)}
.fm-goal svg{width:16px;height:16px;flex:none;fill:var(--pink)}
/* Day 1: two clocks running */
.fm-due{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.fm-due li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 10px;border-radius:12px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule)}
.fm-due b{display:block;font:700 13px/1.25 var(--sans);color:var(--ink)}
.fm-due span{font:400 12px/1.3 var(--sans);color:var(--mute)}
.fm-due em{font-style:normal;white-space:nowrap;padding:4px 8px;border-radius:999px;font:700 11px/1.1 var(--sans);color:#fff;background:var(--burn)}
.fm-due li+li em{background:var(--pinkd)}
/* Week 1: three moves, each waiting for a yes */
.fm-mv{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px;counter-reset:mv}
.fm-mv li{counter-increment:mv;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:12px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule)}
.fm-mv li::before{content:counter(mv);width:20px;height:20px;border-radius:6px;background:var(--ink);color:#FAF6EE;display:flex;align-items:center;justify-content:center;font:700 10.5px/1 var(--mono)}
.fm-mv b{font:700 12.5px/1.25 var(--sans);color:var(--ink)}
.fm-mv small{display:block;font:500 11.5px/1.3 var(--sans);color:var(--earn)}
.fm-mv i{font-style:normal;white-space:nowrap;padding:4px 8px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--pink);color:var(--pinkd);font:700 11px/1.1 var(--sans)}
/* Every Friday: the one number */
.fm-big{display:block;margin:10px 0 0;font:400 46px/1 var(--serif);color:var(--ret);letter-spacing:-.01em;font-variant-numeric:lining-nums}
.fm-sub{display:block;margin:4px 0 0;font:500 12.5px/1.35 var(--sans);color:var(--body)}
.fm-ok{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:8px 10px;border-radius:12px;background:#EEE6FB;font:700 12px/1.3 var(--sans);color:#5B3BA8}
.fm-ok::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--ret) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
/* Month 1: the month next to a flat 2% card */
.fm-bars{display:grid;gap:10px;margin:12px 0 0}
.fm-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:baseline}
.fm-bar span{font:500 12px/1.3 var(--sans);color:var(--body)}
.fm-bar b{font:700 14px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.fm-bar i{grid-column:1/-1;display:block;height:10px;border-radius:999px;background:var(--well);position:relative;overflow:hidden}
.fm-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:#A79E92;transform-origin:0 50%;transition:transform .9s cubic-bezier(.3,.7,.2,1) calc(var(--d) + .75s)}
.fm-bar.on b{color:var(--pinkd)}
.fm-bar.on i::after{background:linear-gradient(90deg,#F7A7CF,var(--pink))}
.fm-delta{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:6px 10px;border-radius:999px;background:#E7F4EC;color:var(--earn);font:700 13px/1.2 var(--sans)}

/* the month plays once, as it comes into view (.in is set by the site's reveal observer) */
html:not(.fo-still) .fm:not(.in) .fm-n{transform:scale(.55);opacity:.35}
html:not(.fo-still) .fm:not(.in) .fm-v{opacity:0;transform:translateY(12px)}
html:not(.fo-still) .fm:not(.in) .fm-bar i::after{transform:scaleX(0)}
.fm .fm-n{transition:transform .45s cubic-bezier(.3,1.4,.4,1) var(--d),opacity .3s ease var(--d)}
.fm .fm-v{transition:opacity .55s ease calc(var(--d) + .3s),transform .55s cubic-bezier(.3,.7,.2,1) calc(var(--d) + .3s)}
.fm.in .fm-steps>li::after,html.fo-still .fm .fm-steps>li::after{transform:none}
@media (prefers-reduced-motion:reduce){.fm *,.fm *::before,.fm *::after{transition:none!important}.fm .fm-steps>li::after{transform:none}}
html.fo-still .fm *,html.fo-still .fm *::before,html.fo-still .fm *::after{transition:none!important}

/* tablets and small laptops: the moment sits beside its step */
@media (min-width:760px) and (max-width:1199px){
  .fm-steps>li{grid-template-columns:36px minmax(0,1fr) minmax(0,320px);column-gap:22px;padding-bottom:34px}
  .fm-v{grid-column:3;grid-row:1/span 4;margin:0}
}
/* desktop: five columns on one rail, each line of every step on the same line as its neighbours (subgrid) */
@media (min-width:1200px){
  .fm-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto auto 1fr;column-gap:18px}
  .fm-steps>li{grid-row:span 5;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);padding:0}
  .fm-n{grid-row:1}
  .fm-steps .lbl{grid-column:1;grid-row:2;margin:16px 0 0}
  .fm-steps h3{grid-column:1;grid-row:3}
  .fm-steps li>p{grid-column:1;grid-row:4}
  .fm-v{grid-column:1;grid-row:5;margin:18px 0 0;align-self:stretch}
  /* narrow columns: each clock's pill under its name, the moves as one tight list */
  .fm-due li{grid-template-columns:minmax(0,1fr);justify-items:start;gap:7px}
  .fm-mv{gap:0;margin-top:8px}
  .fm-mv li{background:none;box-shadow:none;border-radius:0;padding:8px 0;border-top:1px solid var(--rule);grid-template-columns:20px minmax(0,1fr) auto}
  .fm-mv li:first-child{border-top:0}
  .fm-steps>li::before,.fm-steps>li::after{left:46px;right:-12px;top:17px;bottom:auto;width:auto;height:2px}
  .fm-steps>li::after{background:linear-gradient(90deg,var(--ink),var(--pink));transform-origin:0 50%;transform:scaleX(0)}
}

/* ================= 2. The company map ================= */
.om{container-type:inline-size;margin:0;position:relative}
.om-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;justify-items:stretch}
.om-lines{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.om-lines path{fill:none;stroke-width:1.6;stroke-linecap:round}
.om-lines .base{stroke:#CFC3B1}
.om-lines .flow{stroke:var(--pink);stroke-width:2.2;stroke-dasharray:1.6 9;opacity:.9}
.om-lines .out.base{stroke:#CFC3B1}
.om-lines .out.flow{stroke:var(--ret)}
.om-in>*:not(svg){position:relative;z-index:1}
.om-org{display:grid;gap:12px;min-width:0;margin-right:22px}
.om-ent{display:grid;gap:7px;padding:10px;border-radius:16px;box-shadow:inset 0 0 0 1.5px rgba(20,18,22,.12);background:rgba(255,253,248,.55)}
.om-et{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 2px;font:600 10.5px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.om-et small{font:inherit;color:var(--mute);letter-spacing:.06em}
.om-t{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--card);box-shadow:0 0 0 1px var(--rule),0 10px 20px -18px rgba(20,18,22,.5)}
.om-t b{font:700 13.5px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
.om-t em{font:600 11px/1 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--mute);white-space:nowrap}
/* one dot is four cardholders */
.om-d{display:block;height:8px;width:min(100%,calc(var(--n) * 10px));background:radial-gradient(circle at 4px 4px,#4A4450 2.8px,transparent 3.3px) 0 0/10px 8px space no-repeat}
.om-desk{justify-self:center;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:999px;background:var(--ink);color:#FAF6EE;box-shadow:0 18px 36px -18px rgba(20,18,22,.7)}
.om-desk img{width:34px;height:34px;padding:6px;border-radius:50%;background:#FAF6EE;flex:none}
.om-desk b{display:block;font:400 21px/1.05 var(--serif);color:#fff;white-space:nowrap}
.om-desk small{display:block;margin-top:3px;font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#CFC6D6;white-space:nowrap}
.om-out{padding:16px 16px 15px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--rule),0 22px 40px -28px rgba(20,18,22,.55)}
.om-out .lbl{display:block;color:var(--ret)}
.om-out>b{display:block;margin:8px 0 0;font:400 25px/1.1 var(--serif);color:var(--ink)}
.om-eb{display:grid;gap:9px;margin:14px 0 0}
.om-eb div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:baseline;font:600 12px/1.3 var(--sans);color:var(--ink)}
.om-eb div span{font:500 11px/1 var(--mono);color:var(--mute);letter-spacing:.05em}
.om-eb i{grid-column:1/-1;display:block;height:8px;border-radius:999px;background:var(--well);overflow:hidden;position:relative}
.om-eb i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:var(--c);transform-origin:0 50%;transition:transform 1s cubic-bezier(.3,.7,.2,1) .9s}
.om-out small{display:block;margin:12px 0 0;font:400 12.5px/1.45 var(--sans);color:var(--body)}
.om-cap{margin:14px 0 0;font:400 12.5px/1.45 var(--sans);color:var(--mute)}
/* wide: teams on the left, the desk in the middle, Friday on the right */
@container (min-width:760px){
  .om-in{grid-template-columns:minmax(0,1.2fr) minmax(40px,.32fr) auto minmax(30px,.22fr) minmax(0,.95fr);align-items:center;row-gap:0}
  .om-org{grid-column:1;margin-right:0}
  .om-desk{grid-column:3;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:24px;text-align:center}
  .om-desk img{width:40px;height:40px;padding:7px}
  .om-out{grid-column:5}
}
/* the map draws itself once, then the dots keep flowing toward the desk while it is on screen */
html:not(.fo-still) .om:not(.in) .om-t,html:not(.fo-still) .om:not(.in) .om-ent{opacity:0;transform:translateX(-10px)}
html:not(.fo-still) .om:not(.in) .om-desk{opacity:0;transform:scale(.85)}
html:not(.fo-still) .om:not(.in) .om-out{opacity:0;transform:translateX(10px)}
html:not(.fo-still) .om:not(.in) .om-eb i::after{transform:scaleX(0)}
.om .om-ent,.om .om-t{transition:opacity .5s ease calc(var(--k,0) * .07s),transform .5s cubic-bezier(.3,.7,.2,1) calc(var(--k,0) * .07s)}
.om .om-desk{transition:opacity .45s ease .55s,transform .5s cubic-bezier(.3,1.4,.4,1) .55s}
.om .om-out{transition:opacity .5s ease .8s,transform .5s cubic-bezier(.3,.7,.2,1) .8s}
.om-lines .base{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1s cubic-bezier(.4,.1,.2,1) .25s}
.om.in .om-lines .base,html.fo-still .om-lines .base{stroke-dashoffset:0}
.om-lines .flow{opacity:0;transition:opacity .4s ease 1.2s}
.om.in .om-lines .flow{opacity:.9;animation:omflow 1.1s linear infinite}
@keyframes omflow{to{stroke-dashoffset:-10.6}}
html:not(.fo-still) .is-off .om-lines .flow{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.om *,.om *::after{transition:none!important}.om .om-lines .base{stroke-dashoffset:0}.om-lines .flow{display:none}}
html.fo-still .om *,html.fo-still .om *::after{transition:none!important}
html.fo-still .om-lines .flow{display:none}

/* ================= Pricing: the enterprise panel ================= */
.ppx-ent{display:grid;gap:30px;padding:26px 22px 24px;overflow:hidden}
.ppx-ent h3{font:400 clamp(30px,6.4vw,40px)/1.06 var(--serif);letter-spacing:-.012em;color:var(--ink);margin:12px 0 0;text-wrap:balance}
.ppx-ent h3 .pk{display:block;color:var(--pink)}
.ppx-ent p{font:400 16px/1.55 var(--sans);color:var(--body);margin:14px 0 0;max-width:34em}
.ppx-ent .ppx-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0 0}
.ppx-ent .ppx-go .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none}
.ppx-ent .ppx-go a.pp-more{margin:0}
.ppx-who{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ppx-who li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule);font:600 13px/1.2 var(--sans);color:var(--ink)}
.ppx-who li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c,var(--pink))}
@media (max-width:420px){.ppx-ent .ppx-go .btn{width:100%}}
@media (min-width:1024px){
  .ppx-ent{gap:34px;padding:40px 40px 34px}
  .ppx-say{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:end}
  .ppx-say>.lbl,.ppx-say>h3{grid-column:1}
  .ppx-say>p,.ppx-say>.ppx-who,.ppx-say>.ppx-go{grid-column:2}
  .ppx-say>p{grid-row:1/span 2;align-self:end;margin:0}
  .ppx-say>h3{font-size:44px}
  .ppx-ent .om{padding:26px 24px 20px;border-radius:20px;background:rgba(255,253,248,.5);box-shadow:inset 0 0 0 1px var(--rule)}
}

/* ================= 3. The enterprise page ================= */
.ent{background:var(--cream,#FAF6EE)}
.ent-hero{padding:36px 0 30px}
.ent-hero .wrap{display:grid;gap:40px}
.ent-tag{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--rule)}
.ent-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink)}
.ent h1{font:400 clamp(38px,10vw,72px)/1.02 var(--serif);letter-spacing:-.018em;color:var(--ink);margin:18px 0 0;text-wrap:balance}
.ent h1 .pk{display:block;color:var(--pink)}
.ent-sub{font:400 19px/1.55 var(--sans);color:var(--body);margin:18px 0 0;max-width:34em}
.ent-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding:0;list-style:none;font:500 14px/1.45 var(--sans);color:var(--body)}
.ent-trust li{display:inline-flex;align-items:center;gap:8px}
.ent-trust li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--earn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ent-go{display:flex;flex-direction:column;gap:12px;margin:26px 0 0}
.ent-go .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 18px;border-radius:999px;text-decoration:none;text-align:center}
@media (min-width:600px){.ent-go{flex-direction:row;flex-wrap:wrap}.ent-go .btn{display:inline-flex;padding:0 26px}}
.ent-map{padding:22px 18px 18px;border-radius:24px;background:var(--box);box-shadow:0 0 0 1px var(--rule)}
.ent-map .lbl.top{display:block;margin:0 0 16px}
.ent-hero .wrap{row-gap:28px}
.ent-say2 .ent-sub{margin-top:0}
@media (min-width:1100px){
  .ent-hero{padding-top:44px}
  .ent-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;row-gap:40px;align-items:end}
  .ent h1{font-size:clamp(48px,4.4vw,64px)}
  .ent-map{grid-column:1/-1;padding:30px 30px 22px}
}

/* the four jobs at company scale */
.ent .sec .reveal{margin-bottom:26px}
.ent-jobs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ent-jobs>li{display:flex;flex-direction:column;padding:22px 20px 20px;border-radius:22px;background:var(--box);box-shadow:inset 0 3px 0 var(--c),0 0 0 1px var(--rule)}
.ent-jobs .lbl{display:inline-flex;align-items:center;gap:8px;color:var(--c)}
.ent-jobs .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.ent-jobs h3{font:700 20px/1.25 var(--sans);color:var(--ink);margin:10px 0 0}
.ent-jobs p{font:400 15px/1.55 var(--sans);color:var(--body);margin:8px 0 0}
.ent-jv{margin:18px 0 0;padding:12px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:grid;gap:7px}
.ent-jobs>li .ent-jv{margin-top:auto}
.ent-jobs>li p+.ent-jv{margin-top:18px}
.ent-jv div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;background:var(--chip);font:600 12.5px/1.25 var(--sans);color:var(--ink)}
.ent-jv div span{font:500 12px/1.25 var(--sans);color:var(--mute)}
.ent-jv div em{font-style:normal;white-space:nowrap;padding:4px 9px;border-radius:999px;font:700 11px/1.1 var(--sans);color:#fff;background:var(--c)}
.ent-jv div em.o{background:transparent;box-shadow:inset 0 0 0 1.5px var(--c);color:var(--c)}
@media (min-width:760px){.ent-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.ent-jobs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* the form */
.ent-talk .wrap{display:grid;gap:26px}
.ent-talk .ent-th .lede{max-width:30em}
.ent-next{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;counter-reset:en}
.ent-next li{counter-increment:en;position:relative;padding:0 0 22px 50px}
.ent-next li::before{content:counter(en);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#FAF6EE;display:flex;align-items:center;justify-content:center;font:700 12.5px/1 var(--mono)}
.ent-next li::after{content:"";position:absolute;left:15px;top:38px;bottom:4px;width:2px;background:var(--well)}
.ent-next li:last-child::after{display:none}
.ent-next b{display:block;font:700 17px/1.3 var(--sans);color:var(--ink);padding-top:5px}
.ent-next span{display:block;margin:5px 0 0;font:400 15px/1.5 var(--sans);color:var(--body)}
#talk .bk31{background:var(--box);box-shadow:0 0 0 1px rgba(110,80,40,.15),0 22px 44px -30px rgba(20,18,22,.5);scroll-margin-top:84px}
#talk .bkg input,#talk .bkg select,#talk .bkg textarea{background-color:#FBF7EF;border-color:rgba(110,80,40,.22)}
#talk .chips .chip input:not(:checked)+span{background:#F8F2E7;border-color:rgba(110,80,40,.22)}
#entdone{scroll-margin-top:84px}
#entdone h3{font:400 30px/1.15 var(--serif);color:var(--ink);margin:10px 0 0}
#entdone p{font:400 16px/1.55 var(--sans);color:var(--body);margin:10px 0 0}
@media (min-width:1100px){
  .ent-talk .wrap{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:auto 1fr;grid-template-areas:"th form" "next form";column-gap:52px;row-gap:6px;align-items:start}
  .ent-th{grid-area:th}
  #entform,#entdone{grid-area:form}
  .ent-next{grid-area:next}
}

/* straight answers */
.ent-qa{display:grid;gap:12px}
.ent-qa>div{padding:20px 20px 18px;border-radius:20px;background:var(--box);box-shadow:0 0 0 1px var(--rule)}
.ent-qa h3{font:700 17px/1.3 var(--sans);color:var(--ink);margin:0}
.ent-qa p{font:400 15px/1.55 var(--sans);color:var(--body);margin:8px 0 0}
.ent-qa a{color:var(--pinkd);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (min-width:760px){.ent-qa{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ent-fine{margin:34px auto 0;max-width:62em;text-align:center;font:400 12.5px/1.55 var(--sans);color:var(--mute)}
.ent-fine a{color:var(--pinkd);font-weight:700}