/* =====================================================================
   RECRUITING (SC-534): ported from Luke's vision file (recruiting-showcase.css, plus the FAQ accordion, .em-inc
   columns and .rs-checks it borrows), brand teal, corrected to what the product does. Motion: scripts/page-recruiting.js.
   ===================================================================== */
/* ---- shared mock pieces ---- */
  .rq-dec{display:inline-flex; align-items:center; justify-content:space-between; gap:6px; min-width:58px; padding:3px 7px; border-radius:5px;
    border:1px solid #e3e8ec; background:#fff; font-size:8.5px; font-weight:800; color:#3b4a57; transition:background .3s, border-color .3s, color .3s;}
  .rq-dec i{font-style:normal;}
  .rq-dec svg{width:8px; height:8px; opacity:.6;}
  .rq-dec.y{background:#e3f7f2; border-color:#a9e3d3; color:#0a7d63;}
  .rq-dec.m{background:#fff4dc; border-color:#f3d48e; color:#9d6000;}
  .rq-dec.n{background:#fdeff1; border-color:#f5c6cf; color:#c0344d;}
  .rq-watch{display:inline-flex; align-items:center; gap:4px; font-weight:800; color:#d12f3f;}
  .rq-watch svg{width:11px; height:11px;}
  .rq-av{flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#0b1a24; color:#fff;
    font-size:10px; font-weight:800; letter-spacing:.4px;}
  .rq-av.lg{width:42px; height:42px; font-size:13px; background:#007a76;}
  .rq-tbl{background:#fff; border:1px solid #e6eaee; border-radius:6px; overflow:hidden;}
  .rq-hd{background:#fafbfc; font-size:7px !important; font-weight:800; letter-spacing:.9px; text-transform:uppercase; color:#5b6b78 !important;}

/* ---- hero (default mint pinstripe field from page-product.css) ---- */
  .rq-dec.pop{animation:rqPop .45s cubic-bezier(.2,.9,.3,1.3);}
  @keyframes rqPop{0%{transform:scale(1);} 40%{transform:scale(1.12);} 100%{transform:scale(1);}}
  .rqh{position:relative;}
  @media (min-width:961px){ .rqh{width:calc(100% + 90px); margin-left:-20px;} }
  .rq-browser{position:relative; background:#f6f7f9; border:1px solid #cfd8de; border-radius:8px; overflow:hidden; box-shadow:0 30px 60px rgba(11,26,36,.16);}
  .rq-chrome{display:flex; gap:5px; padding:8px 10px; border-bottom:1px solid #dde3e8; background:#fff;}
  .rq-chrome i{width:7px; height:7px; border-radius:50%; background:#d5dce1;}
  .rq-app{padding:20px 20px 0;}
  .rq-title b{display:block; font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:27px; letter-spacing:.3px; text-transform:uppercase; color:#262d36; line-height:1.05;}
  .rq-title small{display:block; margin-top:4px; font-size:11px; color:#5b6b78;}
  .rq-tabs{display:flex; align-items:center; gap:8px; margin-top:14px;}
  .rq-tabs span{padding:7px 14px; border:1px solid #e3e8ec; border-radius:100px; background:#fff; font-size:11.5px; font-weight:800; color:#0b1a24;}
  .rq-tabs span.on{background:#0b1a24; border-color:#0b1a24; color:#fff;}
  .rq-tabs em{display:inline-flex; align-items:center; gap:5px; margin-left:auto; padding:7px 14px; border-radius:100px; background:#007a76; color:#fff;
    font-style:normal; font-size:11.5px; font-weight:800;}
  .rq-tabs em svg{width:13px; height:13px;}
  .rq-ms{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:14px 0;}
  .rq-m{padding:11px 12px; border:1px solid; border-left-width:3px; border-radius:4px;}
  .rq-m b{display:block; font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:26px; line-height:1; font-variant-numeric:tabular-nums;}
  .rq-m small{display:block; margin-top:5px; font-size:10px; color:#5b6b78; white-space:nowrap;}
  .rq-m.b{background:#f3f6ff; border-color:#dde5fb; border-left-color:#2f5be0;} .rq-m.b b{color:#2f4fc0;}
  .rq-m.s{background:#f5f6f8; border-color:#e3e7eb; border-left-color:#7a8a97;} .rq-m.s b{color:#4b5a66;}
  .rq-m.g{background:#f1faf4; border-color:#d3eedb; border-left-color:#1f9d57;} .rq-m.g b{color:#127c4c;}
  .rq-m.a{background:#fff8ec; border-color:#f6e4c4; border-left-color:#e0a21f;} .rq-m.a b{color:#b07a00;}
  .rq-m.r{background:#fdf1f2; border-color:#f6d7dc; border-left-color:#d33b52;} .rq-m.r b{color:#c0344d;}
  .rqh .rq-tbl{border-radius:6px 6px 0 0; border-bottom:0;}
  .rq-r{display:grid; grid-template-columns:minmax(0,1.4fr) 100px 96px 52px 70px; align-items:center; gap:8px; height:40px; padding:0 14px;
    border-bottom:1px solid #f0f2f4; font-size:12px; color:#3b4a57;}
  .rq-r > b{font-weight:800; color:#0b1a24; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .rq-r.rq-hd{height:32px; font-size:9px !important;}
  .rq-r .rq-dec{min-width:76px; padding:4px 9px; font-size:11px;}
  .rq-r .rq-dec svg{width:10px; height:10px;}
  .rq-r .rq-watch svg{width:14px; height:14px;}
  .rq-fly.is-in .rq-browser{animation:ppRise .95s cubic-bezier(.2,.8,.2,1) .1s both;}
  @media (prefers-reduced-motion:reduce){ .rq-fly.is-in .rq-browser,.rq-dec.pop{animation:none;} }
  @media (max-width:620px){
    .rq-app{padding:14px 12px 0;} .rq-title b{font-size:21px;} .rq-m b{font-size:20px;}
    .rq-ms{grid-template-columns:repeat(3,minmax(0,1fr));} .rq-m.s,.rq-m.r{display:none;}
    .rq-r{grid-template-columns:minmax(0,1.5fr) 86px 84px; height:36px; padding:0 10px; font-size:11px;} .rq-r > :nth-child(n+4){display:none;}
    .rq-tabs em{display:none;}
  }

/* ---- 1. the application ---- */
  .rq-s1{background:#fff;}
  .rq-s1-in{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(36px,6vw,80px); align-items:center; margin-top:52px;}
  .rq-list{list-style:none; margin:0; padding:0; counter-reset:none;}
  .rq-li{display:flex; align-items:flex-start; gap:14px; width:100%; padding:13px 0; border:0; border-bottom:1px solid #eef1f3; background:none; font:inherit;
    color:inherit; text-align:left; cursor:pointer;}
  .rq-list li:last-child .rq-li{border-bottom:0;}
  .rq-n{flex:0 0 28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1.5px solid #cfd8de;
    font-size:12px; font-weight:800; color:#62707c; transition:background .5s ease, border-color .5s ease, color .5s ease, transform .5s cubic-bezier(.2,.8,.2,1);}
  .rq-li b{display:block; font-size:17px; font-weight:700; color:#5b6b78; transition:color .5s ease;}
  /* Description opens to its real height (grid rows 0fr → 1fr), then fades in; closing fades first */
  .rq-li-d{display:grid; grid-template-rows:0fr; transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1);}
  .rq-li small{display:block; min-height:0; overflow:hidden; opacity:0; transform:translateY(-4px); font-size:14.5px; line-height:1.55; color:#5b6b78;
    transition:opacity .25s ease, transform .4s ease;}
  .rq-li.on .rq-n{background:#007a76; border-color:#007a76; color:#fff; transform:scale(1.06);}
  .rq-li.on b{color:#0b1a24;}
  .rq-li.on .rq-li-d{grid-template-rows:1fr;}
  .rq-li.on small{opacity:1; transform:none; padding-top:5px; transition:opacity .45s ease .2s, transform .5s cubic-bezier(.2,.8,.2,1) .2s;}
  .rq-li:focus-visible{outline:2px solid #007a76; outline-offset:4px; border-radius:6px;}
  /* Framed like the blog use-case cards: white frame, soft glow, form bleeding off the right */
  .rq-frame{height:520px; padding:6px; background:#fff; border:1px solid #e6ebef; border-radius:10px; box-shadow:0 1px 2px rgba(11,26,36,.04), 0 24px 48px rgba(11,26,36,.07);}
  .rq-frame-in{position:relative; height:100%; overflow:hidden; border-radius:6px; background:#f1f5f7;}
  .rq-frame-in::before{content:""; position:absolute; inset:-20%; pointer-events:none;
    background:radial-gradient(45% 45% at 22% 18%, rgba(0,188,183,.34), transparent 70%), radial-gradient(40% 45% at 88% 80%, rgba(47,91,224,.16), transparent 70%);}
  .rq-form{position:absolute; left:9%; right:-1px; top:40px; bottom:-1px; padding:20px 22px; background:#fff; border:1px solid #e6ebef; border-right:0; border-bottom:0;
    border-radius:8px 0 0 0; box-shadow:0 18px 40px rgba(11,26,36,.08);}
  .rq-form-h{display:flex; justify-content:space-between; align-items:baseline; gap:10px;}
  .rq-form-h b{font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:21px; letter-spacing:.3px; text-transform:uppercase; color:#0b1a24;}
  .rq-form-h small{font-size:10.5px; color:#62707c;}
  .rq-seg{display:grid; grid-template-columns:repeat(6,1fr); gap:4px; margin:12px 0 16px;}
  .rq-seg i{height:3px; border-radius:100px; background:#e6ebef; transition:background .6s ease;}
  .rq-seg i.on{background:#007a76;}
  .rq-panes{position:relative;}
  .rq-pane{position:absolute; left:0; right:22px; top:0; opacity:0; transform:translateY(8px); transition:opacity .35s ease, transform .5s ease; pointer-events:none;}
  .rq-pane.on{opacity:1; transform:none; transition:opacity .55s ease .15s, transform .7s cubic-bezier(.2,.8,.2,1) .15s;}
  .rq-pane-h{display:flex; align-items:center; gap:9px; margin-bottom:12px;}
  .rq-pane-h span{display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0b1a24; color:#fff; font-size:10px; font-weight:800;}
  .rq-pane-h b{font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:16px; letter-spacing:.3px; text-transform:uppercase; color:#0b1a24;}
  .rq-f{display:block; margin-bottom:9px;}
  .rq-f small{display:block; margin-bottom:4px; font-size:10px; font-weight:700; color:#0b1a24;}
  .rq-f i{display:block; padding:8px 10px; border:1px solid #dfe5e9; border-radius:6px; font-style:normal; font-size:11.5px; color:#3b4a57;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .rq-g2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .rq-verify{position:relative;}
  .rq-verify em{position:absolute; right:8px; bottom:7px; display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:100px; background:#e7f6ee;
    color:#127c4c; font-style:normal; font-size:9.5px; font-weight:800;}
  .rq-verify em svg{width:9px; height:9px;}
  .rq-yn small{display:block; margin-bottom:5px; font-size:10px; font-weight:700; color:#0b1a24;}
  .rq-yn span{display:inline-grid; grid-template-columns:1fr 1fr; padding:3px; border-radius:7px; background:#f3f6f8;}
  .rq-yn i{font-style:normal; padding:6px 18px; border-radius:5px; font-size:11px; color:#5b6b78; text-align:center;}
  .rq-yn i.on{background:#fff; color:#00726f; font-weight:800; box-shadow:0 1px 3px rgba(11,26,36,.1);}
  .rq-thumb{position:relative; display:flex; align-items:flex-end; height:170px; margin-top:4px; padding:12px; border-radius:8px; overflow:hidden;
    background:radial-gradient(70% 90% at 80% 10%, rgba(0,188,183,.55), transparent 60%), radial-gradient(60% 80% at 10% 100%, rgba(79,107,237,.45), transparent 60%), #0b1a24;}
  .rq-thumb > i{position:absolute; left:50%; top:42%; display:flex; align-items:center; justify-content:center; width:52px; height:36px; margin:-18px 0 0 -26px;
    border-radius:9px; background:#d12f3f; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.3);}
  .rq-thumb > i svg{width:16px; height:16px;}
  .rq-thumb b{display:block; font-size:11.5px; font-weight:700; color:#fff;}
  .rq-thumb small{display:block; font-size:10px; color:#c9d3da;}
  .rq-doc{display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid #f0f2f4;}
  .rq-doc > i{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:7px; border:1px solid #dfe5e9; color:#5b6b78;}
  .rq-doc > i svg{width:14px; height:14px;}
  .rq-doc.up > i{background:#e9f8f6; border-color:#bfe9e5; color:#00726f;}
  .rq-doc > span{flex:1; min-width:0;}
  .rq-doc b{display:block; font-size:11.5px; font-weight:700; color:#0b1a24;}
  .rq-doc small{display:block; font-size:10px; color:#62707c;}
  .rq-doc em{display:inline-flex; align-items:center; gap:4px; font-style:normal; font-size:10px; font-weight:800; color:#127c4c;}
  .rq-doc em svg{width:10px; height:10px;}
  .rq-doc em.add{padding:4px 10px; border:1px solid #dfe5e9; border-radius:100px; color:#0b1a24;}
  .rq-ck{display:flex; align-items:flex-start; gap:9px; margin-bottom:10px; font-size:11.5px; line-height:1.45; color:#3b4a57;}
  .rq-ck i{flex:0 0 16px; height:16px; display:flex; align-items:center; justify-content:center; margin-top:1px; border-radius:4px; background:#007a76; color:#fff;}
  .rq-ck i svg{width:10px; height:10px;}
  .rq-fine{margin:4px 0 14px; padding:9px 11px; border-radius:6px; background:#f6f9fa; font-size:10.5px; line-height:1.5; color:#5b6b78;}
  .rq-submit{display:inline-flex; align-items:center; gap:7px; padding:10px 16px; border-radius:6px; background:#0b1a24; color:#fff; font-size:12px; font-weight:800;}
  .rq-submit svg{width:13px; height:13px;}
  @media (max-width:960px){ .rq-s1-in{grid-template-columns:1fr;} }
  @media (max-width:560px){ .rq-frame{height:540px;} .rq-form{left:5%; top:24px; padding:16px 14px;} .rq-pane{right:12px;} .rq-form-h small{display:none;} }
  @media (prefers-reduced-motion:reduce){ .rq-pane,.rq-pane.on,.rq-li small,.rq-li.on small,.rq-li-d,.rq-n{transition:none;} }

/* ---- 2. application fee: applies → pays → submitted ---- */
  .rq-s2{background:#f6f9fa;}
  .rq-flow{display:grid; grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr); align-items:stretch; margin-top:52px;}
  .rq-step{display:flex; flex-direction:column;}
  .rq-step-h{display:flex; align-items:center; gap:10px; margin-bottom:14px; font-size:15px; font-weight:800; color:#0b1a24;}
  .rq-step-h span{display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#007a76; color:#fff; font-size:12px; font-weight:800;}
  .rq-card{flex:1; padding:20px 20px 18px; background:#fff; border:1px solid #e3e8ec; border-radius:10px;
    box-shadow:0 1px 2px rgba(11,26,36,.04), 0 20px 44px rgba(11,26,36,.07);}
  .rq-join{display:flex; align-items:center; justify-content:center; padding-top:40px; color:#9fb0bc;}
  .rq-join svg{width:18px; height:18px;}
  .rq-mini{display:flex; align-items:center; gap:10px;}
  .rq-mini b{display:block; font-size:13.5px; font-weight:800; color:#0b1a24;}
  .rq-mini small{display:block; font-size:11px; color:#62707c;}
  .rq-prog{margin-top:16px;}
  .rq-prog small{display:flex; justify-content:space-between; font-size:11px; color:#5b6b78;}
  .rq-prog small b{color:#00726f;}
  .rq-prog > i{display:block; height:6px; margin-top:6px; border-radius:100px; background:#e6f4f2; overflow:hidden;}
  .rq-prog > i i{display:block; height:100%; width:100%; border-radius:100px; background:#007a76;}
  .rq-done{list-style:none; margin:14px 0 0; padding:0;}
  .rq-done li{display:flex; align-items:center; gap:8px; padding:6px 0; border-top:1px solid #f0f2f4; font-size:12px; color:#3b4a57;}
  .rq-done svg{width:14px; height:14px; padding:2px; border-radius:50%; background:#e7f6ee; color:#127c4c;}
  .rq-co-l{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding-bottom:12px; border-bottom:1px solid #eef1f3;}
  .rq-co-l b{font-size:13px; font-weight:800; color:#0b1a24;}
  .rq-co-l small{display:block; font-size:11px; color:#62707c;}
  .rq-co-l > b{font-size:15px;}
  .rq-in{display:flex; align-items:center; gap:8px; margin-top:10px; padding:9px 11px; border:1px solid #dfe5e9; border-radius:6px; font-size:11.5px; color:#62707c;}
  .rq-in em{margin-left:auto; font-style:normal; font-weight:800; color:#00726f;}
  .rq-in.card{color:#0b1a24; letter-spacing:.5px;}
  .rq-in.card em{color:#62707c; font-weight:600;}
  .rq-in svg{width:12px; height:12px; color:#62707c;}
  .rq-pay{display:block; margin-top:12px; padding:10px; border-radius:6px; background:#0b1a24; color:#fff; text-align:center; font-size:12.5px; font-weight:800;}
  .rq-secure{display:flex; align-items:center; justify-content:center; gap:5px; margin-top:9px; font-size:10.5px; color:#62707c;}
  .rq-secure svg{width:11px; height:11px;}
  .rq-ok{text-align:center; padding-top:4px;}
  .rq-ok > i{display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin:0 auto 12px; border-radius:50%; background:#e7f6ee; color:#127c4c;}
  .rq-ok > i svg{width:22px; height:22px;}
  .rq-ok b{display:block; font-size:16px; font-weight:800; color:#0b1a24;}
  .rq-ok p{margin-top:8px; font-size:12px; line-height:1.6; color:#5b6b78;}
  .rq-back{display:block; width:max-content; margin:14px auto 0; padding:8px 14px; border:1px solid #dfe5e9; border-radius:6px; font-size:11.5px; font-weight:700; color:#0b1a24;}
  .rs-checks.rq-row{flex-direction:row; flex-wrap:wrap; gap:12px 28px; margin-top:34px;}
  @media (max-width:960px){ .rq-flow{grid-template-columns:1fr; row-gap:6px;} .rq-join{padding:6px 0; transform:rotate(90deg);} }

/* ---- 3. review applicants: one app window, list beside the open applicant ---- */
  .rq-s3{background:#fff;}
  .rq-win{margin-top:52px; background:#fff; border:1px solid #dde3e8; border-radius:12px; overflow:hidden;
    box-shadow:0 1px 2px rgba(11,26,36,.04), 0 30px 70px rgba(11,26,36,.10);}
  .rq-win-h{display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid #e9eef1; background:#fafbfc;}
  .rq-dots{display:flex; gap:6px; margin-right:6px;}
  .rq-dots i{width:9px; height:9px; border-radius:50%; background:#dde3e8;}
  .rq-win-h > b{font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:19px; letter-spacing:.3px; text-transform:uppercase; color:#0b1a24;}
  .rq-win-h > small{font-size:12px; color:#62707c;}
  .rq-win-h > em{display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:7px 12px; border:1px solid #dfe5e9; border-radius:7px; background:#fff;
    font-style:normal; font-size:12px; font-weight:700; color:#0b1a24;}
  .rq-win-h > em svg{width:13px; height:13px;}
  .rq-win-b{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);}
  /* list pane */
  .rq-list-pane{padding:16px 0 8px; min-width:0;}
  .rq-filters{display:flex; align-items:center; gap:8px; padding:0 20px 14px;}
  .rq-filters > span{display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid #e3e8ec; border-radius:7px; background:#fff; font-size:12px; font-weight:700; color:#0b1a24; white-space:nowrap;}
  .rq-filters > span svg{width:11px; height:11px; color:#62707c;}
  .rq-filters > span.on{background:#e9f8f6; border-color:#9fe0dc; color:#00726f;}
  .rq-filters > span.on svg{color:#00726f;}
  .rq-filters .rq-sr{flex:1; min-width:0; font-weight:500; color:#62707c;}
  .rq-lh,.rq-li2{display:grid; grid-template-columns:minmax(0,1fr) 44px 74px 96px; align-items:center; gap:12px; padding:0 20px;}
  .rq-lh{height:32px; border-top:1px solid #eef1f3; border-bottom:1px solid #eef1f3; background:#fafbfc; font-size:9.5px; font-weight:800; letter-spacing:1px;
    text-transform:uppercase; color:#62707c;}
  .rq-li2{position:relative; height:52px; border-bottom:1px solid #f2f4f6; font-size:12.5px; color:#3b4a57;}
  .rq-li2:last-child{border-bottom:0;}
  .rq-li2.sel{background:#f1fbfa;}
  .rq-li2.sel::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#007a76;}
  .rq-who2{display:flex; align-items:center; gap:10px; min-width:0;}
  .rq-who2 .rq-av{width:30px; height:30px; font-size:10.5px; background:#e9eef1; color:#3b4a57;}
  .rq-li2.sel .rq-who2 .rq-av{background:#007a76; color:#fff;}
  .rq-who2 > span:last-child{min-width:0;}
  .rq-who2 b{display:block; font-size:13px; font-weight:700; color:#0b1a24; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .rq-who2 small{display:block; font-size:11px; color:#62707c; white-space:nowrap;}
  .rq-who2 small em{display:inline-flex; align-items:center; gap:3px; font-style:normal; font-weight:700; color:#127c4c;}
  .rq-who2 small em svg{width:10px; height:10px;}
  .rq-gpa{font-weight:700; color:#0b1a24; font-variant-numeric:tabular-nums;}
  .rq-li2 .rq-watch{font-size:12px;}
  .rq-li2 .rq-dec{min-width:84px; padding:5px 10px; font-size:11.5px; border-radius:7px;}
  .rq-li2 .rq-dec svg{width:10px; height:10px;}
  /* detail pane */
  .rq-detail{display:flex; flex-direction:column; padding:20px 22px; border-left:1px solid #e9eef1; background:#fcfdfd;}
  .rq-dh{display:flex; align-items:center; gap:12px;}
  .rq-dh > span:nth-child(2){flex:1; min-width:0;}
  .rq-dh b{display:block; font-size:17px; font-weight:800; color:#0b1a24;}
  .rq-dh small{display:block; font-size:11.5px; color:#62707c;}
  .rq-dmsg{display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid #dfe5e9; border-radius:7px; background:#fff; font-size:12px; font-weight:700; color:#0b1a24;}
  .rq-dmsg svg{width:13px; height:13px;}
  .rq-film{position:relative; display:flex; align-items:flex-end; gap:10px; height:150px; margin-top:16px; padding:12px; border-radius:10px; overflow:hidden; color:#0b1a24;
    background:#eef1f4; border:1px solid #e3e8ec;}
  .rq-film > i{position:absolute; left:50%; top:44%; display:flex; align-items:center; justify-content:center; width:54px; height:38px; margin:-19px 0 0 -27px;
    border-radius:10px; background:#e52d3f; color:#fff; box-shadow:0 8px 18px rgba(229,45,63,.25);}
  .rq-film > i svg{width:16px; height:16px;}
  .rq-film b{display:block; font-size:12.5px; font-weight:700;}
  .rq-film small{display:block; font-size:10.5px; color:#62707c;}
  .rq-tiles2{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px;}
  .rq-tiles2 span{padding:9px 10px; border:1px solid #e9eef1; border-radius:8px; background:#fff;}
  .rq-tiles2 small{display:block; font-size:9px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; color:#62707c;}
  .rq-tiles2 b{display:block; margin-top:3px; font-size:15px; font-weight:800; color:#0b1a24;}
  .rq-club{display:flex; justify-content:space-between; margin-top:12px; font-size:12px;}
  .rq-club span{color:#62707c;} .rq-club b{font-weight:700; color:#0b1a24;}
  .rq-notes{margin:14px 0 16px;}
  .rq-notes > small{display:block; margin-bottom:6px; font-size:9.5px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; color:#00726f;}
  .rq-notes p{min-height:62px; margin:0; padding:10px 12px; background:#fff; border:1px solid #007a76; border-radius:8px; box-shadow:0 0 0 3px rgba(0,188,183,.12);
    font-size:12px; line-height:1.55; color:#0b1a24;}
  .rq-caret{display:inline-block; width:1.5px; height:13px; margin-left:1px; vertical-align:-2px; background:#0b1a24; animation:rqBlink 1s steps(1) infinite;}
  @keyframes rqBlink{50%{opacity:0;}}
  .rq-seg3{display:grid; grid-template-columns:1.1fr .8fr 1.2fr; gap:4px; margin-top:auto; padding:4px; border-radius:9px; background:#eef2f4;}
  .rq-seg3 span{display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:8px 6px; border-radius:6px; font-size:11.5px; font-weight:800; color:#5b6b78;
    transition:background .35s ease, color .35s ease, box-shadow .35s ease;}
  .rq-seg3 svg{width:11px; height:11px; opacity:0; transition:opacity .25s;}
  .rq-seg3 .y.on{background:#1f9d57; color:#fff; box-shadow:0 4px 12px rgba(31,157,87,.3);}
  .rq-seg3 .y.on svg{opacity:1;}
  .em-inc-grid.rq-three{grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:clamp(56px,7vw,80px);}
  @media (max-width:1000px){
    .rq-win-b{grid-template-columns:1fr;} .rq-detail{border-left:0; border-top:1px solid #e9eef1;}
    .em-inc-grid.rq-three{grid-template-columns:1fr; row-gap:36px;} .rq-three .em-inc-col{padding-left:0;} .rq-three .em-inc-col::before{display:none;}
    .rq-three .em-inc-col b::before{left:-14px;}
  }
  @media (max-width:620px){
    .rq-win-h{padding:12px 14px;} .rq-win-h > small,.rq-win-h > em{display:none;}
    .rq-filters{padding:0 14px 12px;} .rq-filters > span:nth-child(n+2):not(.rq-sr){display:none;}
    .rq-lh,.rq-li2{grid-template-columns:minmax(0,1fr) 92px; padding:0 14px;} .rq-lh > :nth-child(2),.rq-lh > :nth-child(3),.rq-li2 > :nth-child(2),.rq-li2 > :nth-child(3){display:none;}
    .rq-detail{padding:16px 14px;} .rq-tiles2{grid-template-columns:repeat(2,1fr);} .rq-dmsg{display:none;}
  }
  @media (prefers-reduced-motion:reduce){ .rq-caret{animation:none;} }

/* ---- 4. message recruits ---- */
  .rq-s4{background:#f6f9fa;}
  .rq-s4-top{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:clamp(32px,5vw,64px); align-items:end;}
  .rq-s4-top .rs-checks{margin:0 0 8px;}
  .rq-mail{display:grid; grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.1fr); align-items:center; margin-top:52px;}
  .rq-mail .rq-join{padding-top:0;}
  .rq-pick,.rq-compose{padding:18px 18px 16px; background:#fff; border:1px solid #e3e8ec; border-radius:10px; box-shadow:0 1px 2px rgba(11,26,36,.04), 0 24px 50px rgba(11,26,36,.08);}
  .rq-card-h{display:flex; justify-content:space-between; align-items:baseline; padding-bottom:12px; margin-bottom:10px; border-bottom:1px solid #eef1f3;}
  .rq-card-h > b{font-size:15px; font-weight:800; color:#0b1a24;}
  .rq-card-h small{font-size:11px; color:#62707c;}
  .rq-card-h small b{color:#00726f; font-variant-numeric:tabular-nums;}
  .rq-cls{border:1px solid #e9eef1; border-radius:8px; overflow:hidden;}
  .rq-cls + .rq-cls{margin-top:10px;}
  .rq-cls-h{display:flex; align-items:center; gap:9px; padding:8px 10px; background:#fafbfc; border-bottom:1px solid #eef1f3;}
  .rq-cls-h b{font-size:12px; font-weight:800; color:#0b1a24;}
  .rq-cls-h small{margin-left:auto; font-size:10px; font-weight:700; color:#62707c;}
  .rq-grp{display:flex; align-items:center; gap:9px; padding:7px 10px; border-left:3px solid; border-bottom:1px solid #f3f5f7; font-size:11.5px; font-weight:700; color:#0b1a24;
    transition:background .3s;}
  .rq-grp:last-child{border-bottom:0;}
  .rq-grp.g{border-left-color:#1f9d57;} .rq-grp.a{border-left-color:#e0a21f;} .rq-grp.r{border-left-color:#d33b52;} .rq-grp.s{border-left-color:#c3ccd3;}
  .rq-grp em{margin-left:auto; padding:2px 8px; border-radius:100px; font-style:normal; font-size:9.5px; font-weight:800;}
  .rq-grp.g em{background:#e7f6ee; color:#127c4c;} .rq-grp.a em{background:#fff4dc; color:#9d6000;} .rq-grp.r em{background:#fdeff1; color:#c0344d;} .rq-grp.s em{background:#eef1f3; color:#5b6b78;}
  .rq-box{flex:0 0 15px; height:15px; display:flex; align-items:center; justify-content:center; border:1.5px solid #c9d2d9; border-radius:4px; background:#fff; color:#fff;
    transition:background .25s, border-color .25s;}
  .rq-box svg{width:9px; height:9px; opacity:0; transition:opacity .2s;}
  .rq-grp.on{background:#f1fbfa;}
  .rq-grp.on .rq-box{background:#007a76; border-color:#007a76;}
  .rq-grp.on .rq-box svg{opacity:1;}
  .rq-to{display:flex; align-items:flex-start; gap:10px; min-height:32px; font-size:11.5px;}
  .rq-to > small{padding-top:5px; font-weight:800; color:#62707c;}
  .rq-to > span{display:flex; flex-wrap:wrap; gap:5px;}
  .rq-to em{padding:4px 9px; border-radius:100px; background:#e9f8f6; border:1px solid #bfe9e5; color:#00726f; font-style:normal; font-size:10.5px; font-weight:800;
    animation:rqIn .35s cubic-bezier(.2,.8,.2,1);}
  .rq-to em.ph{background:none; border-style:dashed; border-color:#d3dbe1; color:#62707c; font-weight:600; animation:none;}
  @keyframes rqIn{from{opacity:0; transform:scale(.85);} to{opacity:1; transform:none;}}
  .rq-seg2{display:inline-grid; grid-template-columns:1fr 1fr; margin-top:10px; padding:3px; border-radius:7px; background:#f3f6f8;}
  .rq-seg2 span{padding:6px 12px; border-radius:5px; font-size:10.5px; color:#5b6b78; text-align:center;}
  .rq-seg2 span.on{background:#fff; color:#00726f; font-weight:800; box-shadow:0 1px 3px rgba(11,26,36,.1);}
  .rq-in.subj{color:#0b1a24; font-weight:600;}
  .rq-in.subj small{font-weight:800; color:#62707c;}
  .rq-body{margin-top:8px; padding:10px 12px; border:1px solid #dfe5e9; border-radius:6px;}
  .rq-body p{margin:0 0 7px; font-size:11.5px; line-height:1.55; color:#3b4a57;}
  .rq-body p:last-child{margin-bottom:0;}
  .rq-send{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px;}
  .rq-send small{font-size:10.5px; color:#62707c;}
  .rq-send span{display:inline-flex; align-items:center; gap:6px; padding:9px 15px; border-radius:6px; background:#007a76; color:#fff; font-size:12px; font-weight:800;}
  .rq-send svg{width:13px; height:13px;}
  @media (max-width:960px){ .rq-s4-top{grid-template-columns:1fr; gap:20px;} .rq-mail{grid-template-columns:1fr;} .rq-mail .rq-join{padding:8px 0; transform:rotate(90deg);} }
  @media (prefers-reduced-motion:reduce){ .rq-to em,.rq-caret{animation:none;} }

/* shared */
  .sk-faq{background:#fff;}
  .sk-faq-in{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.9fr); gap:clamp(32px,5vw,64px); align-items:start;}
  .sk-faq-h{margin:0; font-size:clamp(24px,2.3vw,30px); font-weight:500; line-height:1.25; letter-spacing:-.02em; color:#7a8a97;}
  .sk-faq-h b{display:block; font-weight:700; color:#0b1a24;}
  .sk-faq-list{border-top:1px solid #e6ebef;}
  .sk-qa{border-bottom:1px solid #e6ebef;}
  .sk-qa button:hover span{color:#00726f;}
  .sk-qa button:focus-visible{outline:2px solid #007a76; outline-offset:4px; border-radius:6px;}
  .sk-qa button span{transition:color .2s;}
  .sk-qa button i svg{width:14px; height:14px;}
  .sk-qa button i .v{transform-origin:center; transition:transform .3s cubic-bezier(.2,.8,.2,1);}
  .sk-qa.open button i{background:#007a76; color:#fff;}
  .sk-qa.open button i .v{transform:scaleY(0);}
  .sk-qa-a{display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1);}
  .sk-qa-a > div{overflow:hidden;}
  .sk-qa-a p{margin:0; padding:0 56px 24px 0; font-size:16px; line-height:1.65; color:#5b6b78;}
  .sk-qa.open .sk-qa-a{grid-template-rows:1fr;}
  @media (max-width:860px){ .sk-faq-in{grid-template-columns:1fr; gap:28px;} .sk-qa-a p{padding-right:0;} }
  @media (prefers-reduced-motion:reduce){ .sk-qa-a,.sk-qa button i .v{transition:none;} }
  .em-inc{background:#fff;}
  .em-inc-grid{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:48px;}
  .em-inc-col{position:relative; padding:0 26px 8px 0;}
  .em-inc-col + .em-inc-col{padding-left:26px;}
  .em-inc-col + .em-inc-col::before{content:""; position:absolute; left:0; top:-24px; bottom:-24px; border-left:1px dashed #dfe5ea;}
  .em-inc-ic svg{display:block; width:22px; height:22px;}
  .em-inc-col b{position:relative; display:block; font-size:16.5px; font-weight:800; line-height:1.35; color:#0b1a24;}
  .em-inc-col b::before{content:""; position:absolute; left:-27px; top:3px; width:2px; height:18px; background:#007a76;}
  .em-inc-col:first-child b::before{left:-14px;}
  .em-inc-col p{margin-top:10px; font-size:15px; line-height:1.65; color:var(--sc-muted);}
    .em-inc-grid{grid-template-columns:1fr 1fr; row-gap:40px;}
    .em-inc-col:nth-child(3){padding-left:0;} .em-inc-col:nth-child(3)::before{display:none;}
    .em-inc-grid{grid-template-columns:1fr;}
    .em-inc-col + .em-inc-col{padding-left:0;} .em-inc-col + .em-inc-col::before{display:none;}
    .em-inc-col b::before{left:-14px;}
  .rs{border-top:1px solid var(--border,#e5e7eb);}
  .rs .pc-sh,.ws-section .pc-sh{max-width:900px; margin-top:12px; font-size:clamp(26px,2.9vw,38px); font-weight:500; line-height:1.22; letter-spacing:-.02em; color:#7a8a97;}
  .rs .pc-sh b,.ws-section .pc-sh b{font-weight:700; color:#0b1a24;}
  .rs .pc-sh.c,.ws-section .pc-sh.c{margin-left:auto; margin-right:auto; text-align:center;}
  .rs-two .rs-checks{margin-top:26px;}
  .rs-two .rs-checks li{font-size:15.5px;}
  .rs-checks{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:10px;}
  .rs-checks li{display:flex; align-items:center; gap:10px; font-size:14.5px; color:#3b4a57;}
  .rs-checks svg{flex:0 0 18px; width:18px; height:18px; padding:3px; border-radius:50%; background:rgba(0,188,183,.16); color:var(--sc-teal-ink);}
.rq-link{display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:700; color:#00726f; text-decoration:none;}
.rq-link:hover{color:#00605d;}
.pc-arr{width:10px; height:10px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.pc-arr-l{opacity:0; transition:opacity .15s;} .pc-arr-h{transition:transform .15s;}
.rq-link:hover .pc-arr-l{opacity:1;} .rq-link:hover .pc-arr-h{transform:translateX(3px);}
.rq-hero .rq-link svg.pc-arr{width:10px !important; height:10px !important;}
#features-recruiting .sk-qa-a{display:grid !important; grid-template-rows:0fr !important;}
#features-recruiting .sk-qa.open .sk-qa-a{grid-template-rows:1fr !important;}
#features-recruiting .sk-qa-a > div{overflow:hidden; min-height:0;}
/* FAQ buttons (the shared accordion's multi-line rules were not carried over) */
#features-recruiting .sk-qa button{display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; padding:22px 0; border:0; background:none; font:inherit; font-size:17px; font-weight:600; color:var(--pc-ink); text-align:left; cursor:pointer;}
#features-recruiting .sk-qa button:hover span{color:#00726f;}
#features-recruiting .sk-qa button i{flex:0 0 30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#eef6f5; color:#007a76; font-style:normal;}
#features-recruiting .sk-qa button i svg{width:14px; height:14px;}
#features-recruiting .sk-qa.open button i{background:#007a76; color:#fff;}
#features-recruiting .sk-qa button:focus-visible{outline:2px solid #007a76; outline-offset:4px; border-radius:6px;}

/* ---- hero: prospects converging on the dashboard ---- */
.rq-hero{background:radial-gradient(60% 80% at 78% 50%, #e6f5f3 0%, rgba(230,245,243,0) 70%), radial-gradient(40% 50% at 100% 0%, rgba(124,140,240,.14), transparent 70%), #f8fbfb !important; overflow:hidden;}
.rq-hero::before, .rq-hero::after{display:none !important;}
.rqb{position:absolute; inset:0; z-index:0; pointer-events:none;}
.rqb svg{width:100%; height:100%;}
.rqb-paths path{fill:none; stroke:url(#rqb-l); stroke-width:1; stroke-dasharray:2 6; vector-effect:non-scaling-stroke;}
.rqb-chip circle.bg{fill:#fff; stroke:#d6e6e4; stroke-width:1; filter:drop-shadow(0 4px 8px rgba(13,40,60,.16));}
.rqb-chip text.i{font:700 11px/1 Archivo, sans-serif; fill:#0d1b2a; text-anchor:middle; dominant-baseline:central;}
.rqb-chip rect{fill:#007a76;} .rqb-chip text.y{font:800 8.5px/1 Archivo, sans-serif; fill:#fff; text-anchor:middle; dominant-baseline:central;}
.rq-hero .pc-hero-in{position:relative; z-index:1;}
.rq-hero .pc-hero-copy{position:relative;}
.rq-hero .pc-hero-copy::before{content:""; position:absolute; z-index:-1; inset:-40px -60px -40px -80px; background:radial-gradient(closest-side, #f8fbfb 55%, rgba(248,251,251,0)); pointer-events:none;}
/* the window: bigger and flat, running off the right edge */
@media (min-width:1101px){
  .rq-hero .pc-hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;}
  .rq-hero .rqh{margin-right:calc(-1 * var(--pc-gutter) - 2px);}
  .rq-hero .rq-browser{border-radius:10px 0 0 10px !important; border-right:0 !important;}
}
.rq-hero .rq-browser{background:#fff !important; box-shadow:0 0 0 1px rgba(13,27,42,.06), 0 40px 80px -30px rgba(13,40,60,.35) !important;}
.rq-hero .rq-app{padding:22px 24px 6px !important;}
.rq-hero .rq-title b{font-size:26px !important;} .rq-hero .rq-title small{font-size:11.5px !important;}
.rq-hero .rq-r{font-size:12.5px !important; height:40px !important;}
@media (max-width:640px){ .rqb{opacity:.7;} .rq-hero .pc-hero-copy::before{display:none;} }
.rqb-paths path{stroke-width:1.2; stroke-dasharray:1 5; stroke-linecap:round;}
.rqb-chip text.i{font-size:12.5px;}
.rq-hero{background:radial-gradient(55% 75% at 76% 52%, #dff2ef 0%, rgba(223,242,239,0) 70%), radial-gradient(35% 45% at 100% 0%, rgba(124,140,240,.18), transparent 70%), radial-gradient(30% 40% at 60% 100%, rgba(255,210,122,.16), transparent 70%), #f8fbfb !important;}
@media (max-width:640px){ .rq-hero .rq-r{font-size:11px !important; height:34px !important;} .rq-hero .rq-hd{font-size:8.5px !important; letter-spacing:.06em !important;} .rq-hero .rq-title b{font-size:20px !important;} .rq-hero .rq-app{padding:16px 14px 4px !important;} }
@media (max-width:1100px){ .rqb{-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 44%,#000 58%); mask-image:linear-gradient(180deg,transparent 0%,transparent 44%,#000 58%);} }
/* colour (Mehul 2026-10-20: a different colour effect): golden hour over the field, a cool morning sky up top warming to
   peach and amber at the foot, with a clear teal halo behind the dashboard where the prospects land */
.rq-hero{background:
  radial-gradient(42% 60% at 76% 50%, rgba(20,163,155,.30) 0%, rgba(20,163,155,.10) 45%, transparent 72%),
  radial-gradient(60% 55% at 15% 105%, rgba(255,176,110,.45), transparent 70%),
  radial-gradient(50% 50% at 95% 100%, rgba(244,140,120,.28), transparent 70%),
  linear-gradient(178deg, #eef2ff 0%, #f6f5fd 38%, #fff6ec 74%, #ffefe0 100%) !important;}
.rq-hero .pc-hero-copy::before{background:radial-gradient(closest-side, rgba(246,245,253,.92) 55%, rgba(246,245,253,0));}
.rqb-paths path{stroke:url(#rqb-l);}
/* applications as small cards, no dotted paths (Mehul 2026-10-20) */
.rqb-paths path{stroke:none !important; fill:none;}
.rqb-chip .bg{fill:#fff; stroke:rgba(13,27,42,.06); stroke-width:1;}
.rqb-chip .av{fill:#dcf2f0;} .rqb-chip text.i{font:800 9.5px/1 Archivo, sans-serif; fill:#00726f; text-anchor:middle; dominant-baseline:central;}
.rqb-chip text.n{font:700 11px/1 Archivo, sans-serif; fill:#0d1b2a;} .rqb-chip text.m{font:500 9px/1 Archivo, sans-serif; fill:#8796a2;}
.rqb-chip .tick{fill:#14a39b; opacity:.9;}
.rq-hero .pc-hero-copy::before{inset:-20px -20px -20px -60px; background:radial-gradient(closest-side, rgba(246,245,253,.85) 45%, rgba(246,245,253,0));}


/* ---- one application (Stripe rules): pale band, hairline list, framed UI ---- */
.rs.rq-s1{background:#f6f9fc; border-top:0;}
.rq-s1 .rq-s1-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(36px,6vw,88px); margin-top:56px;}
.rq-s1 .rq-list{border-top:1px solid #e3e8ee;}
.rq-s1 .rq-li{position:relative; padding:20px 0 21px; border-bottom:1px solid #e3e8ee; gap:0;}
.rq-s1 .rq-list li:last-child .rq-li{border-bottom:1px solid #e3e8ee;}
.rq-s1 .rq-n{display:none;}
.rq-s1 .rq-li b{font-size:17px; font-weight:500; color:#62707c; letter-spacing:-.005em;}
.rq-s1 .rq-li.on b, .rq-s1 .rq-li:hover b{color:#0b1a24;}
.rq-s1 .rq-li small{font-size:15px; color:#56677a;}
.rq-s1 .rq-li::after{content:""; position:absolute; left:0; bottom:-1px; height:1px; width:0; background:#007a76;}
.rq-s1 .rq-li.on::after{animation:rqs-fill 3.8s linear forwards;}
@keyframes rqs-fill{to{width:100%;}}
@media (prefers-reduced-motion:reduce){ .rq-s1 .rq-li.on::after{animation:none; width:100%;} }
/* the frame: white, hairline, a soft wash inside; the form sits low and is cropped by the frame */
.rq-s1 .rq-frame{position:relative; height:500px; padding:0; background:#fff; border:1px solid #e3e8ee; border-radius:16px; box-shadow:0 1px 2px rgba(11,26,36,.04);}
.rq-s1 .rq-frame-in{position:absolute; inset:0; border-radius:15px; overflow:hidden;
  background:radial-gradient(60% 70% at 100% 0%, rgba(0,122,118,.16), transparent 70%), radial-gradient(55% 60% at 0% 100%, rgba(120,104,230,.13), transparent 70%), linear-gradient(160deg,#fbfcfe,#f3f6fb);}
.rq-s1 .rq-frame-in::before{display:none;}
.rq-s1 .rq-form{position:absolute; left:auto; right:-1px; top:44px; bottom:auto; width:78%; height:520px; padding:22px 22px; border-radius:12px 0 0 0 !important;
  box-shadow:0 0 0 1px rgba(11,26,36,.06), 0 30px 60px -20px rgba(11,26,36,.22), 0 12px 24px -12px rgba(11,26,36,.12) !important;}
.rq-s1 .rq-pane-h span{background:#e6f2f1; color:#007a76;}
/* the coach's list, overlapping the form's left edge */
.rqo{position:absolute; left:22px; bottom:28px; z-index:2; width:262px; padding:12px 12px 6px; background:#fff; border-radius:12px;
  box-shadow:0 0 0 1px rgba(11,26,36,.06), 0 24px 48px -16px rgba(11,26,36,.28);}
.rqo-h{display:flex; align-items:baseline; justify-content:space-between; padding:0 2px 8px; border-bottom:1px solid #eef1f4;}
.rqo-h b{font-size:12.5px; font-weight:600; color:#0b1a24;} .rqo-h small{font-size:10.5px; color:#62707c;}
.rqo-r{display:flex; align-items:center; gap:9px; padding:8px 2px; border-bottom:1px solid #f1f3f6;}
.rqo>.rqo-r:last-child{border-bottom:0;}
.rqo-r .av{flex:0 0 26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eef1f5; color:#56677a; font-size:9.5px; font-weight:600;}
.rqo-r>span:nth-child(2){flex:1; min-width:0;}
.rqo-r b{display:block; font-size:12px; font-weight:600; color:#0b1a24;} .rqo-r small{display:block; font-size:10.5px; color:#62707c;}
.rqo-r em{font-style:normal; font-size:11px; font-weight:500; color:#56677a; font-variant-numeric:tabular-nums;}
.rqo-r em::after{content:" GPA"; color:#62707c; font-size:9.5px;}
.rqo-new{display:grid; grid-template-rows:0fr; transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1);}
.rqo-new>.rqo-r{min-height:0; overflow:hidden; opacity:0; transition:opacity .4s ease, background-color 1.2s ease;}
.rq-frame.done .rqo-new{grid-template-rows:1fr;}
.rq-frame.done .rqo-new>.rqo-r{opacity:1; transition:opacity .5s ease .25s, background-color 1.2s ease; background:#f0f8f7; margin:0 -6px; padding:8px 8px; border-radius:8px; border-bottom-color:transparent;}
.rq-frame.done .rqo-new .av{background:#007a76; color:#fff;}
@media (max-width:960px){ .rq-s1 .rq-s1-in{grid-template-columns:1fr; gap:36px;} }
@media (max-width:560px){
  .rq-s1 .rq-s1-in{margin-top:32px;}
  .rq-s1 .rq-frame{height:470px;}
  .rq-s1 .rq-form{width:88%; top:28px; padding:16px 14px;}
  .rqo{left:12px; bottom:14px; width:220px;}
}
/* fixes: a real wash behind the UI, the form narrower so the coach's list only overlaps its edge */
.rq-s1 .rq-frame-in{background:radial-gradient(70% 80% at 0% 100%, rgba(140,124,240,.30), transparent 65%), radial-gradient(60% 70% at 100% 0%, rgba(0,150,140,.26), transparent 70%), linear-gradient(135deg,#e6f4f2 0%,#eef0fb 55%,#fbefe6 100%);}
.rq-s1 .rq-form{width:67%;}
.rqo{width:236px; left:24px; bottom:24px;}
@media (max-width:560px){
  .rq-s1 .rq-frame{height:580px;}
  .rq-s1 .rq-form{width:90%; top:22px;}
  .rqo{width:226px; left:12px; bottom:12px;}
}


/* ---- fee: one track, three stations, the money moves ---- */
.rs.rq-s2{background:#fff;}
.rqm{position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 clamp(28px,4vw,56px); margin-top:64px; padding-top:44px;}
.rqm-track{position:absolute; inset:0; pointer-events:none; z-index:2;}
.rqm-track .ln, .rqm-track .fill{position:absolute; top:0; left:0; height:1px; background:#e3e8ee;}
.rqm-track .fill{background:#007a76; width:0; transition:width 1.1s cubic-bezier(.6,0,.3,1), height 1.1s cubic-bezier(.6,0,.3,1);}
.rqm-track .coin{position:absolute; top:0; left:0; transform:translate(-50%,-50%); padding:5px 10px; border-radius:100px; background:#0b1a24; color:#fff; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.01em;
  box-shadow:0 6px 16px -6px rgba(11,26,36,.45); transition:left 1.1s cubic-bezier(.6,0,.3,1), top 1.1s cubic-bezier(.6,0,.3,1);}
.rqm-st{position:relative; display:flex; flex-direction:column;}
.rqm-node{position:absolute; left:0; top:-44px; width:1px; height:12px; transform:translateY(-6px); background:#c8d1da;}
.rqm-st.on .rqm-node{background:#007a76;}
.rqm-st p{margin:0 0 26px; max-width:300px; font-size:15px; line-height:1.55; color:#62707c;}
.rqm-st p b{color:#0b1a24; font-weight:600;}
.rqm-vis{height:300px; transition:opacity .5s ease;}
/* 1: the phone */
.rqm-ph{width:200px; height:330px; margin-bottom:-30px; padding:7px; border-radius:30px; background:#0b1a24; box-shadow:0 30px 50px -24px rgba(11,26,36,.45);}
.rqm-ph .scr{height:100%; border-radius:24px; background:#fff; padding:10px 14px; overflow:hidden;}
.rqm-ph .sb{display:flex; justify-content:space-between; align-items:center; font-size:10px; font-weight:600; color:#0b1a24; margin-bottom:16px;}
.rqm-ph .sb i{width:16px; height:7px; border-radius:2px; border:1px solid #0b1a24;}
.rqm-ph .k{display:block; font-size:9.5px; font-weight:500; color:#62707c; margin:12px 0 5px;}
.rqm-ph .it{display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:10px; border-bottom:1px solid #eef1f4; font-size:11px; color:#0b1a24;}
.rqm-ph .it b{display:block; font-size:11.5px; font-weight:600;} .rqm-ph .it small{font-size:9.5px; color:#62707c;}
.rqm-ph .cd{display:flex; align-items:center; gap:6px; padding:8px; border:1px solid #e3e8ee; border-radius:7px; font-size:10.5px; color:#0b1a24; white-space:nowrap;}
.rqm-ph .cd i{font-style:normal; font-size:7.5px; font-weight:800; color:#1a1f71; padding:1px 3px; border:1px solid #e3e8ee; border-radius:2px;}
.rqm-ph .pay{display:grid; place-items:center; height:34px; margin-top:14px; border-radius:8px; background:#007a76; color:#fff; font-size:11.5px; font-weight:600; transition:transform .15s ease, background-color .4s ease;}
.rqm-ph .pay>span{grid-area:1/1; display:inline-flex; align-items:center; gap:5px; transition:opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1);}
.rqm-ph .pay .b{opacity:0; transform:translateY(6px);} .rqm-ph .pay svg{width:12px; height:12px;}
.rqm.pr .rqm-ph .pay{transform:scale(.96);}
.rqm.pd .rqm-ph .pay{background:#0b6b4f;} .rqm.pd .rqm-ph .pay .a{opacity:0; transform:translateY(-6px);} .rqm.pd .rqm-ph .pay .b{opacity:1; transform:none;}
/* 2: the receipt */
.rqm-mail{height:auto; align-self:flex-start; width:100%; max-width:300px; padding:16px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(11,26,36,.07), 0 24px 44px -20px rgba(11,26,36,.25);
  opacity:.35; transform:translateY(14px); transition:opacity .5s ease, transform .7s cubic-bezier(.2,.8,.2,1);}
.rqm.rc .rqm-mail{opacity:1; transform:none;}
.rqm-mail .mh{display:flex; align-items:center; gap:10px; padding-bottom:12px; margin-bottom:6px; border-bottom:1px solid #eef1f4;}
.rqm-mail .av{flex:0 0 28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#e6f2f1; color:#007a76;} .rqm-mail .av svg{width:13px; height:13px;}
.rqm-mail b{display:block; font-size:12.5px; font-weight:600; color:#0b1a24;} .rqm-mail small{display:block; font-size:10.5px; color:#62707c;}
.rqm-mail .ml{display:flex; justify-content:space-between; padding:6px 0; font-size:11.5px; color:#56677a; font-variant-numeric:tabular-nums;}
.rqm-mail .ml.t{color:#0b1a24; font-weight:600; border-top:1px solid #eef1f4; margin-top:3px; padding-top:9px;}
.rqm-mail .mf{margin-top:8px; font-size:10.5px; color:#62707c;}
/* 3: the coach's table */
.rqm-tx{height:auto; align-self:stretch; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(11,26,36,.07), 0 24px 44px -20px rgba(11,26,36,.22); overflow:hidden;}
.rqm-tx .th{padding:12px 14px; border-bottom:1px solid #eef1f4;} .rqm-tx .th b{font-size:12.5px; font-weight:600; color:#0b1a24;}
.rqm-tx .tr{display:grid; grid-template-columns:44px 1.3fr 1fr; gap:8px; padding:10px 14px; border-bottom:1px solid #f1f3f6; font-size:11px; color:#56677a; white-space:nowrap;}
.rqm-tx .tr>span{overflow:hidden; text-overflow:ellipsis;}
.rqm-tx .tr b{font-weight:600; color:#0b1a24;}
.rqm-tx .tr.hd{padding:7px 14px; font-size:9.5px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#62707c; background:#fafbfc;}
.rqm-tx>.tr:last-child{border-bottom:0;}
.rqm-tx .nw{display:grid; grid-template-rows:0fr; transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1);}
.rqm-tx .nw>.tr{min-height:0; overflow:hidden; opacity:0; transition:opacity .4s ease, background-color 1.4s ease;}
.rqm.tx .rqm-tx .nw{grid-template-rows:1fr;}
.rqm.tx .rqm-tx .nw>.tr{opacity:1; background:#f0f8f7; transition:opacity .5s ease .2s, background-color 1.4s ease;}
@media (max-width:900px){
  .rqm{grid-template-columns:1fr; gap:44px; padding:0 0 0 30px; margin-top:40px;}
  .rqm-node{left:-30px; top:4px; width:12px; height:1px; transform:translateX(-6px);}
  .rqm-track .ln, .rqm-track .fill{width:1px; height:0;}
  .rqm-vis{height:auto;} .rqm-ph{height:300px; margin-bottom:0;}
  .rqm-st p{margin-bottom:18px;}
}
.rqm-ph{height:262px; margin-bottom:0;}
@media (max-width:900px){ .rqm{padding-left:64px;} .rqm-node{left:-32px;} .rqm-ph{height:262px;} }
.rqm-tx .nw>.tr{padding-top:0; padding-bottom:0; border-bottom-width:0;}
.rqm.tx .rqm-tx .nw>.tr{padding-top:10px; padding-bottom:10px; border-bottom-width:1px; transition:opacity .5s ease .2s, background-color 1.4s ease, padding .6s cubic-bezier(.4,0,.2,1);}
/* station 1 as a normal checkout card (Mehul: no phone) */
.rqm-co{height:auto; align-self:flex-start; width:100%; max-width:320px; padding:18px 18px 14px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(11,26,36,.07), 0 24px 44px -20px rgba(11,26,36,.25);}
.rqm-co .it{display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:12px; border-bottom:1px solid #eef1f4;}
.rqm-co .it b{display:block; font-size:12.5px; font-weight:600; color:#0b1a24;} .rqm-co .it>b{font-size:13.5px; font-variant-numeric:tabular-nums;}
.rqm-co small{display:block; font-size:10.5px; color:#62707c;}
.rqm-co .k{margin:12px 0 5px; font-weight:500; color:#56677a;}
.rqm-co .cd{display:flex; align-items:center; gap:8px; padding:9px 10px; border:1px solid #e3e8ee; border-radius:8px; font-size:11.5px; color:#0b1a24; white-space:nowrap;}
.rqm-co .cd i{font-style:normal; font-size:8px; font-weight:800; color:#1a1f71; padding:1px 4px; border:1px solid #e3e8ee; border-radius:3px;}
.rqm-co .cd em{margin-left:auto; font-style:normal; color:#62707c;}
.rqm-co .pay{display:grid; place-items:center; height:36px; margin-top:12px; border-radius:8px; background:#007a76; color:#fff; font-size:12px; font-weight:600; transition:transform .15s ease, background-color .4s ease;}
.rqm-co .pay>span{grid-area:1/1; display:inline-flex; align-items:center; gap:5px; transition:opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1);}
.rqm-co .pay .b{opacity:0; transform:translateY(6px);} .rqm-co .pay svg{width:12px; height:12px;}
.rqm.pr .rqm-co .pay{transform:scale(.97);}
.rqm.pd .rqm-co .pay{background:#0b6b4f;} .rqm.pd .rqm-co .pay .a{opacity:0; transform:translateY(-6px);} .rqm.pd .rqm-co .pay .b{opacity:1; transform:none;}
.rqm-co .sec{margin-top:9px; text-align:center;}
/* the moving amount: a light chip with a card glyph, a fading teal trail behind it */
.rqm-track .coin{display:inline-flex; align-items:center; gap:7px; padding:4px 11px 4px 4px; background:#fff; color:#0b1a24; font-size:12.5px; font-weight:600;
  box-shadow:0 0 0 1px rgba(0,122,118,.28), 0 8px 20px -8px rgba(0,122,118,.45), 0 0 0 5px rgba(0,122,118,.07);}
.rqm-track .coin i{display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#007a76; color:#fff;}
.rqm-track .coin svg{width:12px; height:12px;}
.rqm-track .fill{background:linear-gradient(90deg, rgba(0,122,118,.12), #007a76);}
@media (max-width:900px){ .rqm-track .fill{background:linear-gradient(180deg, rgba(0,122,118,.12), #007a76);} .rqm-track .coin{padding:3px; gap:0; font-size:0;} .rqm-track .coin i{width:24px; height:24px;} }

/* ---- review: counts that roll, film beside profile ---- */
.rs.rq-s3{background:#f6f9fc; border-top:0;}
.rqd{margin-top:56px;}
.rqd-k{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #e3e8ee; border-bottom:1px solid #e3e8ee; margin-bottom:32px;}
.rqd-k .k{position:relative; padding:18px 18px 20px; border-left:1px solid #e3e8ee; transition:background-color .8s ease;}
.rqd-k .k:first-child{border-left:0; padding-left:0;}
.rqd-k .k::before{content:""; position:absolute; left:18px; right:18px; top:-1px; height:2px; background:var(--c); opacity:.0; transition:opacity .4s ease, height .3s ease;}
.rqd-k .k:first-child::before{left:0;}
.rqd-k .k small{display:flex; align-items:center; gap:7px; font-size:13px; color:#62707c;}
.rqd-k .k small::before{content:""; width:7px; height:7px; border-radius:2px; background:var(--c);}
.rqd-k .k b{display:inline-grid; overflow:hidden; margin-top:6px; font-size:clamp(30px,3.4vw,44px); font-weight:300; line-height:1.1; letter-spacing:-.02em; color:#0b1a24; font-variant-numeric:tabular-nums;}
.rqd-k .k b>i{grid-area:1/1; font-style:normal; transition:transform .55s cubic-bezier(.2,.8,.2,1);}
.rqd-k .k b>i.w{transform:translateY(100%);} .rqd-k .k b.roll>i.o{transform:translateY(-100%);} .rqd-k .k b.roll>i.w{transform:none;}
.rqd-k .k.hit::before{opacity:1;}
.rqd-k .a{--c:#2f54eb;} .rqd-k .u{--c:#94a3b8;} .rqd-k .y{--c:#1f9d57;} .rqd-k .m{--c:#d99412;} .rqd-k .n{--c:#d6453d;}
/* the panel */
.rqd-p{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); background:#fff; border:1px solid #e3e8ee; border-radius:16px; overflow:hidden; box-shadow:0 1px 2px rgba(11,26,36,.04), 0 30px 60px -36px rgba(11,26,36,.25);}
.rqd-film{position:relative; min-height:400px; background:#0d1f2a; overflow:hidden;}
.rqd-pitch{position:absolute; inset:0; width:100%; height:100%;}
.rqd-pitch .cam{animation:rqd-pan 14s ease-in-out infinite alternate;}
@keyframes rqd-pan{from{transform:translateX(18px) scale(1.04);} to{transform:translateX(-26px) scale(1.07);}}
.rqd-pitch .ball{offset-path:path('M256 166 C 300 120, 360 150, 400 214 C 430 240, 450 200, 470 176 C 420 210, 300 250, 182 232'); animation:rqd-ball 7s linear infinite;}
@keyframes rqd-ball{from{offset-distance:0%;} to{offset-distance:100%;}}
.rqd-pitch .ball{offset-rotate:0deg;}
.rqd-fo{position:absolute; left:18px; top:16px; display:flex; align-items:center; gap:10px; color:#fff;}
.rqd-fo .yt{display:grid; place-items:center; width:34px; height:24px; border-radius:6px; background:#e62117;} .rqd-fo .yt svg{width:16px; height:16px;}
.rqd-fo b{display:block; font-size:13px; font-weight:600; text-shadow:0 1px 8px rgba(0,0,0,.4);} .rqd-fo small{display:block; font-size:11px; color:rgba(255,255,255,.7);}
.rqd-bar{position:absolute; left:18px; right:18px; bottom:14px; display:flex; align-items:center; gap:12px;}
.rqd-bar>i{flex:1; height:3px; border-radius:3px; background:rgba(255,255,255,.28); overflow:hidden;}
.rqd-bar>i>i{display:block; height:100%; width:0; background:#e62117;}
.rqd-bar small{font-size:11px; color:rgba(255,255,255,.85); font-variant-numeric:tabular-nums; white-space:nowrap;}
/* the profile */
.rqd-pro{display:flex; flex-direction:column; gap:16px; padding:22px 22px 20px;}
.rqd-swap{display:flex; flex-direction:column; gap:16px; transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);}
.rqd-pro.out .rqd-swap{opacity:0; transform:translateY(6px);}
.rqd-h{display:flex; align-items:center; gap:12px;}
.rqd-h .av{flex:0 0 40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#e6f2f1; color:#007a76; font-size:13px; font-weight:600;}
.rqd-h>span:nth-child(2){flex:1; min-width:0;}
.rqd-h b{display:block; font-size:16px; font-weight:600; color:#0b1a24;} .rqd-h small{display:block; font-size:12px; color:#62707c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rqd-h .msg{padding:6px 11px; border:1px solid #e3e8ee; border-radius:8px; font-size:12px; font-weight:500; color:#0b1a24;}
.rqd-t{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #eef1f4; border-radius:10px;}
.rqd-t span{padding:10px 12px; border-left:1px solid #eef1f4;} .rqd-t span:first-child{border-left:0;}
.rqd-t small{display:block; font-size:10.5px; color:#62707c; white-space:nowrap;} .rqd-t b{display:block; margin-top:2px; font-size:14px; font-weight:600; color:#0b1a24; white-space:nowrap;}
.rqd-c{display:flex; justify-content:space-between; font-size:12.5px; color:#62707c;} .rqd-c b{font-weight:600; color:#0b1a24;}
.rqd-n small{display:block; margin-bottom:6px; font-size:11px; font-weight:500; color:#56677a;}
.rqd-n p{min-height:62px; margin:0; padding:10px 12px; border:1px solid #e3e8ee; border-radius:10px; font-size:13px; line-height:1.5; color:#0b1a24;}
.rqd-n p i{display:inline-block; width:1px; height:14px; margin-left:1px; vertical-align:-2px; background:#007a76; animation:rqd-c 1s steps(1) infinite;}
@keyframes rqd-c{50%{opacity:0;}}
.rqd-d{display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:4px; border-radius:10px; background:#f3f5f8; margin-top:auto;}
.rqd-d span{padding:8px 4px; border-radius:7px; text-align:center; font-size:12.5px; font-weight:500; color:#56677a; transition:background-color .3s ease, color .3s ease, transform .15s ease;}
.rqd-d span.on{color:#fff;} .rqd-d .y.on{background:#1f9d57;} .rqd-d .m.on{background:#d99412;} .rqd-d .n.on{background:#d6453d;}
.rqd-d span.pr{transform:scale(.96);}
@media (prefers-reduced-motion:reduce){ .rqd-pitch .cam, .rqd-pitch .ball{animation:none;} .rqd-pitch .ball{offset-distance:20%;} }
@media (max-width:900px){
  .rqd-k{grid-template-columns:repeat(6,minmax(0,1fr));}
  .rqd-k .k{grid-column:span 2; border-top:1px solid #e3e8ee;} .rqd-k .k:nth-child(-n+2){grid-column:span 3; border-top:0;}
  .rqd-k .k:nth-child(3){border-left:0; padding-left:0;} .rqd-k .k:nth-child(3)::before{left:0;}
  .rqd-p{grid-template-columns:1fr;} .rqd-film{min-height:0; aspect-ratio:16/9;}
}
@media (max-width:560px){
  .rqd{margin-top:32px;} .rqd-k .k{padding:12px 10px 14px;} .rqd-k .k small{font-size:11.5px;}
  .rqd-pro{padding:16px 14px;} .rqd-t{grid-template-columns:repeat(2,1fr);} .rqd-t span:nth-child(3){border-left:0;} .rqd-t span:nth-child(n+3){border-top:1px solid #eef1f4;}
}
.rqd-p{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);}
@media (max-width:900px){ .rqd-p{grid-template-columns:minmax(0,1fr);} .rqd-pro{min-width:0;} }
.rqd-c b{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:12px;}
/* the film frame is our own soccer art, slowly pushed in like footage */
.rqd-shot{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 62%; transform:scale(1.04);}
.rqd-shot.kb{animation:rqd-kb 7.5s linear forwards;}
@keyframes rqd-kb{from{transform:scale(1.04);} to{transform:scale(1.16);}}
.rqd-sh{position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,14,20,.55) 0%, rgba(8,14,20,0) 26%, rgba(8,14,20,0) 70%, rgba(8,14,20,.6) 100%);}
@media (prefers-reduced-motion:reduce){ .rqd-shot.kb{animation:none;} }
.rqd-shot{opacity:0; transition:opacity .6s ease;} .rqd-shot.on{opacity:1;}

/* ---- message: a sentence that picks the group, the list that follows it, the email ---- */
.rs.rq-s4{background:#fff;}
.rqe{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(36px,5vw,80px); align-items:start; margin-top:56px;}
.rqe-q{margin:0 0 30px; font-size:clamp(24px,2.5vw,32px); font-weight:400; line-height:1.3; letter-spacing:-.015em; color:#62707c;}
.rqe-q .w{display:inline-grid; vertical-align:bottom; overflow:hidden; color:#0b1a24; padding-bottom:3px; background:linear-gradient(#007a76,#007a76) left bottom/100% 2px no-repeat;}
.rqe-q .w>i{grid-area:1/1; font-style:normal; white-space:nowrap; transition:transform .55s cubic-bezier(.2,.8,.2,1), opacity .4s ease;}
.rqe-q .w>i.in{transform:translateY(105%); opacity:0;} .rqe-q .w>i.out{transform:translateY(-105%); opacity:0;}
.rqe-lh{display:flex; justify-content:space-between; align-items:baseline; padding-bottom:10px; border-bottom:1px solid #e3e8ee;}
.rqe-lh>b{font-size:13px; font-weight:600; color:#0b1a24;} .rqe-lh small{font-size:12.5px; color:#62707c;} .rqe-lh small b{color:#0b1a24; font-weight:600; font-variant-numeric:tabular-nums;}
.rqe-list{position:relative; min-height:236px;}
.rqe-row{display:grid; grid-template-columns:30px minmax(0,1fr) auto 92px; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid #eef1f4; font-size:13px; color:#56677a;
  transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);}
.rqe-row.in{opacity:0; transform:translateY(8px);} .rqe-row.out{opacity:0; transform:translateY(-6px);}
.rqe-row .av{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#eef1f5; color:#56677a; font-size:10.5px; font-weight:600;}
.rqe-row b{font-weight:600; color:#0b1a24; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rqe-row .dec{font-size:11.5px; font-weight:500; padding:3px 8px; border-radius:6px;}
.rqe-row .dec.y{background:#eaf7ef; color:#1a874b;} .rqe-row .dec.m{background:#fff6e5; color:#9a6a00;}
.rqe-row .ms{justify-self:end; display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:500; color:#1a874b; opacity:0; transform:scale(.9); transition:opacity .3s ease, transform .3s ease;}
.rqe-row .ms svg{width:12px; height:12px;} .rqe-row.done .ms{opacity:1; transform:none;}
.rqe-more{padding:11px 0; font-size:12.5px; color:#62707c;}
.rqe-one{margin:18px 0 0; font-size:14px; color:#62707c;}
/* the email, on a quiet panel */
.rqe-r{padding:28px; border-radius:16px; background:#f6f9fc; border:1px solid #edf1f5;}
.rqe-mail{padding:20px 22px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(11,26,36,.06), 0 24px 48px -24px rgba(11,26,36,.22);}
.rqe-to, .rqe-sub{display:flex; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid #eef1f4; font-size:13px; color:#0b1a24; min-width:0;}
.rqe-to small, .rqe-sub small{flex:0 0 52px; font-size:11.5px; color:#62707c;}
.rqe-to span{padding:3px 9px; border-radius:6px; background:#e6f2f1; color:#00605d; font-size:12px; font-weight:500; white-space:nowrap;}
.rqe-sub span{font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rqe-body{min-height:150px; padding:14px 0 6px; font-size:13px; line-height:1.6; color:#3b4a57; transition:opacity .35s ease;}
.rqe-body p{margin:0 0 9px;}
.rqe-mail.sw .rqe-body, .rqe-mail.sw .rqe-sub span, .rqe-mail.sw .rqe-to span{opacity:0;}
.rqe-sub span, .rqe-to span{transition:opacity .35s ease;}
.rqe-foot{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:14px; border-top:1px solid #eef1f4;}
.rqe-foot small{font-size:11.5px; color:#62707c;}
.rqe-send{position:relative; display:inline-grid; place-items:center; padding:9px 16px; border-radius:8px; background:#007a76; color:#fff; font-size:12.5px; font-weight:600; transition:transform .15s ease, background-color .4s ease;}
.rqe-send>span{grid-area:1/1; transition:opacity .3s ease;} .rqe-send .b{opacity:0;}
.rqe.pr .rqe-send{transform:scale(.96);} .rqe.sent .rqe-send{background:#1f9d57;} .rqe.sent .rqe-send .a{opacity:0;} .rqe.sent .rqe-send .b{opacity:1;}
@media (max-width:900px){ .rqe{grid-template-columns:minmax(0,1fr); gap:32px;} }
@media (max-width:560px){
  .rqe{margin-top:28px;} .rqe-r{padding:14px; margin:0 -4px;} .rqe-mail{padding:14px 14px;}
  .rqe-row{grid-template-columns:28px minmax(0,1fr) auto; } .rqe-row .ms{grid-column:2 / -1; justify-self:start; margin-top:-6px;}
  .rqe-row:not(.done) .ms{display:none;}
}
/* "Everything you need to evaluate a recruit" on phones (2026-10-28): six stacked rows pushed the form off screen.
   The sections become one row of chips (swipe for more), the live one's line under it, the form right below. */
.rq-cap{display:none;}
@media (max-width:640px){
  .rq-s1 .rq-s1-in{gap:0 !important; margin-top:28px;}
  .rq-s1 .rq-list{display:flex; gap:6px; margin:0 calc(-1 * var(--pc-gutter, 20px)); padding:2px var(--pc-gutter, 20px) 4px; border-top:0;
    overflow-x:auto; scrollbar-width:none; list-style:none;}
  .rq-s1 .rq-list::-webkit-scrollbar{display:none;}
  .rq-s1 .rq-list li{flex:none;}
  .rq-s1 .rq-li,.rq-s1 .rq-list li:last-child .rq-li{display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border:1px solid #e3e8ee; border-radius:99px; background:#fff; white-space:nowrap;}
  .rq-s1 .rq-li b{font-size:13px; font-weight:600;}
  .rq-s1 .rq-li.on{background:#0b1a24; border-color:#0b1a24;}
  .rq-s1 .rq-li.on b{color:#fff;}
  .rq-s1 .rq-li-d{display:none !important;}
  .rq-s1 .rq-li::after{display:none;}
  .rq-s1 .rq-cap{display:block; min-height:4.5em; margin:12px 0 14px; font-size:14px; line-height:1.5; color:#56677a;}
}
/* applicant video (2026-10-28, Mehul: the YouTube part looked too AI): a plain video poster with a standard play
   button, the title bottom-left and a neutral time bar. No pitch stills, no red brand badge. */
.rqd-film{background:linear-gradient(160deg,#1e2d38 0%,#121d26 100%);}
.rqd-film .rqd-shot,.rqd-film .rqd-pitch,.rqd-fo .yt,.rqd-fo small{display:none !important;}
.rqd-sh{background:linear-gradient(180deg, rgba(8,14,20,0) 55%, rgba(8,14,20,.45) 100%);}
.rqd-play{position:absolute; left:50%; top:50%; z-index:2; display:grid; place-items:center; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%;
  background:rgba(255,255,255,.95); box-shadow:0 8px 24px rgba(0,0,0,.25);}
.rqd-play svg{width:28px; height:28px; margin-left:3px; fill:#0b1a24;}
.rqd-fo{top:auto; bottom:38px; left:18px;}
.rqd-fo b{font-size:14px; text-shadow:none;}
.rqd-bar>i{background:rgba(255,255,255,.22);}
.rqd-bar>i>i{background:#fff;}
@media (max-width:640px){ .rqd-play{width:54px; height:54px; margin:-27px 0 0 -27px;} .rqd-play svg{width:24px; height:24px;} }
@media (max-width:640px){ .rqd-play{top:42%;} }

/* the typing caret blinked even with reduced motion asked for (WCAG 2.2.2, 2026-10-28) */
@media (prefers-reduced-motion: reduce){ .rqd-n p i{animation:none;} }