/* High 5 Guru — AI Visibility Scorecard (front-end) */
.high5-sc{
  --h5-orange:#DD7109;--h5-orange2:#F0851A;--h5-dark:#0a0908;--h5-surface:#15130f;
  --h5-ink:#f5efe4;--h5-mute:#c8c1b3;--h5-border:rgba(245,239,228,.12);
  font-family:inherit;max-width:760px;margin:0 auto;color:var(--h5-ink);
}
.high5-sc *{box-sizing:border-box;font-family:inherit}
.high5-sc .h5sc-card{
  background:var(--h5-surface);border:1px solid var(--h5-border);border-radius:22px;
  padding:34px 32px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5);
}
.high5-sc .h5sc-progress{height:5px;background:rgba(245,239,228,.08);border-radius:999px;overflow:hidden;margin-bottom:28px}
.high5-sc .h5sc-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--h5-orange),var(--h5-orange2));border-radius:999px;transition:width .4s ease}
.high5-sc .h5sc-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--h5-orange);margin:0 0 10px}
.high5-sc .h5sc-q{font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.25;margin:0 0 6px;color:var(--h5-ink)}
.high5-sc .h5sc-sub{font-size:15px;color:var(--h5-mute);margin:0 0 22px;line-height:1.5}
.high5-sc .h5sc-options{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.high5-sc .h5sc-opt{
  display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;
  background:var(--h5-dark);border:1px solid var(--h5-border);border-radius:14px;
  padding:16px 18px;color:var(--h5-ink);font-size:16px;transition:border-color .2s,background .2s,transform .15s;
}
.high5-sc .h5sc-opt:hover{border-color:rgba(221,113,9,.5);transform:translateY(-1px)}
.high5-sc .h5sc-opt.is-sel{border-color:var(--h5-orange);background:rgba(221,113,9,.1)}
.high5-sc .h5sc-opt .h5sc-letter{
  flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(245,239,228,.06);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--h5-mute);
}
.high5-sc .h5sc-opt.is-sel .h5sc-letter{background:var(--h5-orange);color:#0a0908}
.high5-sc .h5sc-field{margin-bottom:18px}
.high5-sc .h5sc-field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:var(--h5-ink)}
.high5-sc .h5sc-field input,.high5-sc .h5sc-field select,.high5-sc .h5sc-field textarea{
  box-sizing:border-box;width:100%;background:var(--h5-dark);border:1px solid var(--h5-border);border-radius:12px;
  padding:13px 15px;color:var(--h5-ink);font-size:15px;line-height:1.4;font-family:inherit;outline:none;transition:border-color .2s;
}
.high5-sc .h5sc-field input,.high5-sc .h5sc-field select{height:50px}
.high5-sc .h5sc-field select{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  padding-right:42px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%3E%3Cpath%20fill='%23DD7109'%20d='M1.41%200L6%204.59%2010.59%200%2012%201.42%206%207.42%200%201.42z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
}
.high5-sc .h5sc-field select option{color:#111;background:#fff}
.high5-sc .h5sc-field input:focus,.high5-sc .h5sc-field select:focus,.high5-sc .h5sc-field textarea:focus{border-color:var(--h5-orange)}
.high5-sc .h5sc-field textarea{min-height:84px;height:auto;resize:vertical}
.high5-sc .h5sc-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px}
.high5-sc .h5sc-btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;border:0;
  font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,background .2s,opacity .2s;font-family:inherit;
}
.high5-sc .h5sc-btn-primary{background:var(--h5-orange);color:#0a0908}
.high5-sc .h5sc-btn-primary:hover{background:var(--h5-orange2);transform:translateY(-1px)}
.high5-sc .h5sc-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}
.high5-sc .h5sc-btn-ghost{background:transparent;color:var(--h5-mute);border:1px solid var(--h5-border)}
.high5-sc .h5sc-btn-ghost:hover{color:var(--h5-ink);border-color:var(--h5-ink)}
.high5-sc .h5sc-count{font-size:13px;color:var(--h5-mute)}
.high5-sc .h5sc-err{color:#ff8a8a;font-size:14px;margin:8px 0 0}
/* Results */
.high5-sc .h5sc-result{text-align:center}
.high5-sc .h5sc-score{font-size:clamp(56px,12vw,84px);font-weight:800;line-height:1;letter-spacing:-.03em;margin:6px 0}
.high5-sc .h5sc-bandname{font-size:24px;font-weight:700;margin:0 0 10px}
.high5-sc .h5sc-headline{font-size:18px;font-style:italic;color:var(--h5-mute);margin:0 0 24px}
.high5-sc .h5sc-bars{text-align:left;margin:26px 0}
.high5-sc .h5sc-bar-row{margin-bottom:14px}
.high5-sc .h5sc-bar-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.high5-sc .h5sc-bar-top .nm{font-weight:600}.high5-sc .h5sc-bar-top .pc{color:var(--h5-mute)}
.high5-sc .h5sc-bar{height:8px;background:rgba(245,239,228,.08);border-radius:999px;overflow:hidden}
.high5-sc .h5sc-bar span{display:block;height:100%;border-radius:999px;background:var(--h5-orange)}
.high5-sc .h5sc-bar span.low{background:#e0584a}
.high5-sc .h5sc-recs{text-align:left;background:var(--h5-dark);border:1px solid var(--h5-border);border-radius:16px;padding:22px 24px;margin:22px 0}
.high5-sc .h5sc-recs h4{margin:0 0 12px;font-size:16px;color:var(--h5-ink)!important}
.high5-sc .h5sc-recs ul{margin:0;padding-left:20px}
.high5-sc .h5sc-recs li{margin-bottom:9px;color:var(--h5-mute);line-height:1.5}
.high5-sc .h5sc-emailed{font-size:14px;color:var(--h5-mute);margin:14px 0}
.high5-sc .h5sc-cta{background:var(--h5-dark);border:1px solid var(--h5-border);border-top:3px solid var(--h5-orange);border-radius:16px;padding:26px;margin-top:22px}
.high5-sc .h5sc-cta p{margin:0 0 14px;font-size:16px}
.high5-sc .h5sc-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(10,9,8,.3);border-top-color:#0a0908;border-radius:50%;animation:h5spin .7s linear infinite}
@keyframes h5spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.high5-sc .h5sc-card{padding:24px 20px}}

/* Honeypot — hidden from humans, present for bots. Not display:none (some bots skip those). */
.high5-sc .h5sc-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.high5-sc .h5sc-captcha{margin:6px 0 18px}