/* gohero.cc/apply + /apply/rp/<token>: job application with an in-browser recorder. Builds on start.css (ft-panel, ft-form, ft-seg). */
.apply{padding-top:36px;padding-bottom:72px}
.apply-panel{max-width:760px}
.apply-panel h1{font-size:clamp(36px,5.4vw,58px);line-height:1.05;letter-spacing:-1.4px;margin:0;color:#fff;font-weight:500}
.apply-roles{grid-template-columns:1fr 1fr}
.apply-roles span{padding:16px 12px}
.apply-field-error{color:#ffb3b3;font-size:14px;margin:10px 0 0}
.apply-prompt{padding:16px 18px;border-radius:16px;border:1px solid #9fd2ff24;background:#05101f80;color:#c9d7e6;font-size:15.5px;line-height:1.6;margin-bottom:16px}
.apply-prompt p{margin:0}
.apply-prompt b{color:#fff;font-weight:600}
.apply-prompt q{color:#ffe98a}
.apply-script{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--yellow);background:#ffe32c0a;border-radius:0 12px 12px 0;color:#e8f0f9;font-size:15px;line-height:1.65}
.apply-scenario ol{margin:10px 0 0;padding-left:22px}
.apply-scenario li{margin:4px 0}

.rec{border:1px solid #9fd2ff2e;border-radius:20px;padding:20px;background:linear-gradient(140deg,#0b1a2ecc,#05101fcc)}
.rec-main{display:flex;align-items:center;gap:18px}
.rec-btn{flex-shrink:0;width:76px;height:76px;border-radius:50%;border:2px solid #ff6b6b88;background:#ff4d4d14;display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.rec-btn:hover{background:#ff4d4d22}
.rec-btn:active{transform:scale(.96)}
.rec-btn:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.rec-btn:disabled{opacity:.35;cursor:not-allowed}
.rec-dot{width:30px;height:30px;border-radius:50%;background:#ff4d4d;transition:border-radius .2s,width .2s,height .2s}
.rec[data-state=recording] .rec-btn{border-color:#ff6b6b;animation:recpulse 1.4s ease-in-out infinite}
.rec[data-state=recording] .rec-dot{width:24px;height:24px;border-radius:6px}
@keyframes recpulse{0%,100%{box-shadow:0 0 0 0 #ff4d4d55}50%{box-shadow:0 0 0 12px #ff4d4d00}}
@media (prefers-reduced-motion:reduce){.rec[data-state=recording] .rec-btn{animation:none}}
.rec-info{flex:1;min-width:0;display:grid;gap:6px}
.rec-info b{font-size:17px;font-weight:600;color:#fff}
.rec-time{font-variant-numeric:tabular-nums;color:#9fb6cf;font-size:14px}
.rec-bar{height:6px;border-radius:6px;background:#9fd2ff1f;overflow:hidden}
.rec-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--yellow));border-radius:6px;transition:width .2s linear}
.rec-msg{margin:14px 0 0;font-size:14px;color:#9fb0c4;line-height:1.55}
.rec-msg.rec-warn{color:#ffd2a1}
.rec-play{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.rec-play audio{flex:1;min-width:220px;height:44px}
.rec-again{background:none;border:0;border-bottom:1px solid #9fd2ff40;cursor:pointer;font:inherit;padding:0 0 2px}
.rec-upload{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-top:16px;padding-top:14px;border-top:1px solid #9fd2ff1a;font-size:14px;color:#8396ad}
.rec-upload-btn{position:relative;cursor:pointer;font-size:14px}
.rec-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.rec-upload-btn:focus-within{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.rec-upload small{flex-basis:100%;font-size:13px;color:#6f849c}

.apply-done{text-align:left;padding:8px 0}
.apply-done:focus{outline:none}
.apply-done h2{font-size:clamp(30px,4.4vw,44px);line-height:1.1;margin:18px 0 14px;color:#fff;font-weight:500;letter-spacing:-1px}
.apply-done p{color:#b8c8da;font-size:16px;line-height:1.65;max-width:560px}
.apply-done .ft-check-icon svg{width:20px;height:20px;fill:none;stroke:#4ade80;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.listen{padding-top:36px;padding-bottom:72px}
.listen-card{margin-top:22px}
.listen-card h2{font-size:18px;color:#fff;margin:0 0 10px}
.listen-card audio{width:100%;margin:6px 0 10px}
.listen-meta{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px;color:#c4d2e2;margin:0}
.listen-meta dt{color:#8396ad}
.listen-meta dd{margin:0}
.listen-tx{font-size:15px;line-height:1.65;color:#d5e1ee;background:#05101f99;border-radius:14px;padding:12px 14px;margin:0}

@media(max-width:640px){
  .apply{padding-top:18px}
  .apply-roles{grid-template-columns:1fr 1fr;gap:8px}
  .apply-roles span{padding:14px 8px}
  .apply-roles b{font-size:14.5px}
  .apply-roles i{font-size:12px}
  .rec{padding:16px}
  .rec-main{gap:14px}
  .rec-btn{width:68px;height:68px}
}
@media(max-width:420px){.site-header .site-mail{display:inline;font-size:13px}}
.apply-goal{margin-top:10px!important}
.apply-page .site-header-cta{margin-left:auto}
.apply-page .ft-check a{color:#cfe3f7;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#9fd2ff66}