/* Experienced Results — Business Growth Audit widget. Prefix: erau-. Matches ER DESIGN.md
   (dark, cyan->green, DM Sans inherited, spring easing, glassmorphism). Self-contained. */
#er-audit{
  --c:#00d4ff; --g:#9DFF00; --o:#F58300; --bg:#0d1117; --panel:#0f1626;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --tx:#fff; --mut:#aab4c4; --dim:#6b7689; --sp:cubic-bezier(.22,1,.36,1);
  max-width:760px; margin:0 auto; color:var(--tx); text-align:left; font-size:1rem; line-height:1.5;
}
#er-audit *,#er-audit *::before,#er-audit *::after{box-sizing:border-box;}
#er-audit .erau-card{background:var(--bg); border:1px solid var(--line); border-radius:1rem;
  padding:clamp(1.1rem,3.5vw,2rem); box-shadow:0 24px 60px rgba(0,0,0,.45); position:relative; overflow:hidden;}
#er-audit .erau-card::before{content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),rgba(157,255,0,.4),transparent); opacity:.6;}

/* steps */
#er-audit .erau-steps{display:flex; gap:.5rem; align-items:center; margin-bottom:1.2rem; flex-wrap:wrap;}
#er-audit .erau-step{display:flex; align-items:center; gap:.5rem; font-size:.8rem; color:var(--dim);}
#er-audit .erau-dot{width:1.55rem; height:1.55rem; border-radius:50%; display:grid; place-items:center;
  border:1px solid var(--line2); font-weight:700; font-size:.8rem; color:var(--mut); transition:all .4s var(--sp);}
#er-audit .erau-step.on .erau-dot{background:linear-gradient(135deg,var(--c),var(--g)); color:#0a0e1a; border-color:transparent;}
#er-audit .erau-step.done .erau-dot{border-color:var(--g); color:var(--g);}
#er-audit .erau-step.on{color:var(--tx);}
#er-audit .erau-sep{flex:1 1 12px; min-width:10px; height:1px; background:var(--line);}

#er-audit .erau-eyebrow{font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--c); font-weight:700;}
#er-audit .erau-h{font-size:clamp(1.25rem,4.5vw,1.65rem); font-weight:700; margin:.35rem 0 .15rem; line-height:1.15;}
#er-audit .erau-sub{color:var(--mut); font-size:.95rem; margin:0 0 1.2rem;}

/* fields */
#er-audit .erau-field{display:flex; flex-direction:column; gap:.35rem; margin-bottom:.95rem;}
#er-audit .erau-row{display:grid; gap:.95rem;}
@media(min-width:560px){#er-audit .erau-row.two{grid-template-columns:1fr 1fr;}}
#er-audit .erau-label{font-size:.82rem; color:var(--mut); font-weight:600;}
#er-audit .erau-req{color:var(--g);}
#er-audit .erau-input,#er-audit select.erau-input{width:100%; background:var(--panel); border:1px solid var(--line);
  border-radius:.55rem; padding:.75rem .85rem; color:var(--tx); font-size:1rem; font-family:inherit;
  transition:border-color .3s var(--sp), box-shadow .3s var(--sp);}
#er-audit .erau-input::placeholder{color:var(--dim);}
#er-audit .erau-input:focus{outline:none; border-color:var(--c); box-shadow:0 0 0 3px rgba(0,212,255,.18);}
#er-audit .erau-cur{position:relative;}
#er-audit .erau-cur span{position:absolute; left:.85rem; top:50%; transform:translateY(-50%); color:var(--mut);}
#er-audit .erau-cur input{padding-left:1.7rem;}
#er-audit .erau-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}

/* question + options */
#er-audit .erau-q{margin-bottom:1.4rem; border:0; padding:0;}
#er-audit .erau-q-title{font-size:1.02rem; font-weight:600; margin:0 0 .6rem; color:var(--tx);}
#er-audit .erau-q-title .erau-num{color:var(--c); font-weight:700; margin-right:.4rem;}
#er-audit .erau-opts{display:grid; gap:.5rem;}
#er-audit .erau-opt{display:flex; align-items:center; gap:.7rem; padding:.8rem .9rem; border-radius:.6rem;
  background:var(--panel); border:1px solid var(--line); cursor:pointer; transition:all .25s var(--sp);}
#er-audit .erau-opt:hover{border-color:var(--c); transform:translateY(-1px);}
#er-audit .erau-opt input{position:absolute; opacity:0; width:0; height:0;}
#er-audit .erau-tick{flex:none; width:1.15rem; height:1.15rem; border-radius:50%; border:2px solid var(--line2); transition:all .25s var(--sp);}
#er-audit .erau-opt:has(input:checked){border-color:var(--g); background:rgba(157,255,0,.06);}
#er-audit .erau-opt:has(input:checked) .erau-tick{border-color:var(--g); background:var(--g); box-shadow:inset 0 0 0 3px var(--panel);}
#er-audit .erau-opt input:focus-visible ~ .erau-tick{box-shadow:0 0 0 3px rgba(0,212,255,.4);}
#er-audit .erau-opt-label{font-size:.95rem;}

/* buttons */
#er-audit .erau-actions{display:flex; gap:.65rem; align-items:center; margin-top:1.1rem; flex-wrap:wrap;}
#er-audit .erau-btn{appearance:none; border:none; cursor:pointer; font-family:inherit; font-weight:700; font-size:.98rem;
  border-radius:9999px; padding:.85rem 1.6rem; transition:transform .3s var(--sp), box-shadow .3s var(--sp), opacity .3s;}
#er-audit .erau-primary{color:#0a0e1a; background:linear-gradient(90deg,#00d4ff,#9DFF00,#00d4ff); background-size:200% auto;}
#er-audit .erau-primary:hover:not(:disabled){transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,212,255,.25),0 4px 14px rgba(157,255,0,.18);}
#er-audit .erau-primary:disabled{opacity:.55; cursor:not-allowed;}
#er-audit .erau-ghost{background:transparent; color:var(--tx); border:1px solid var(--line2);}
#er-audit .erau-ghost:hover{border-color:var(--g); color:var(--g);}
#er-audit .erau-msg{font-size:.9rem; padding:.7rem .85rem; border-radius:.55rem; margin-top:.7rem;}
#er-audit .erau-msg.err{background:rgba(248,113,113,.1); border:1px solid rgba(248,113,113,.35); color:#fca5a5;}
#er-audit .erau-spin{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(10,14,26,.35);border-top-color:#0a0e1a;border-radius:50%;animation:erauSpin .7s linear infinite;vertical-align:-2px;margin-right:.5rem;}
@keyframes erauSpin{to{transform:rotate(360deg);}}

/* analyzing + result */
#er-audit .erau-analyzing{text-align:center; padding:2.5rem 1rem;}
#er-audit .erau-analyzing .erau-spin{width:2rem;height:2rem;border-width:3px;border-top-color:var(--g);border-color:rgba(255,255,255,.12);margin-bottom:1rem;}
#er-audit .erau-result{animation:erauFade .5s var(--sp) both;}
#er-audit .erau-ringwrap{display:flex; gap:1.3rem; align-items:center; flex-wrap:wrap; justify-content:center; text-align:center; margin-bottom:1.2rem;}
#er-audit .erau-ring{position:relative; width:150px; height:150px; flex:none;}
#er-audit .erau-ring svg{transform:rotate(-90deg);}
#er-audit .erau-ring-num{position:absolute; inset:0; display:grid; place-items:center; flex-direction:column; font-weight:800; font-size:2.4rem;}
#er-audit .erau-ring-num small{display:block; font-size:.8rem; color:var(--dim); font-weight:600;}
#er-audit .erau-tier{flex:1; min-width:220px; text-align:left; color:var(--mut); font-size:1rem;}
#er-audit .erau-gap{background:#0a0e1a; border:1px solid var(--line); border-radius:.8rem; padding:1.1rem 1.2rem; margin:1.1rem 0; text-align:center;}
#er-audit .erau-gap .erau-gap-big{font-size:clamp(1.8rem,6vw,2.6rem); font-weight:800; color:#fff; line-height:1;}
#er-audit .erau-gap .erau-gap-sub{color:var(--mut); font-size:.9rem; margin-top:.3rem;}
#er-audit .erau-gap p{color:var(--mut); font-size:.92rem; margin:.5rem 0 0;}
#er-audit .erau-pillars{display:grid; gap:.6rem; margin:1.2rem 0;}
#er-audit .erau-pillar{display:grid; grid-template-columns:1fr auto; gap:.3rem .8rem; align-items:center;}
#er-audit .erau-pillar-label{font-size:.9rem; color:var(--tx);}
#er-audit .erau-pillar-val{font-size:.85rem; color:var(--mut); font-variant-numeric:tabular-nums;}
#er-audit .erau-bar{grid-column:1/-1; height:7px; border-radius:9999px; background:var(--panel); overflow:hidden;}
#er-audit .erau-bar i{display:block; height:100%; width:0; border-radius:9999px; background:linear-gradient(90deg,var(--c),var(--g)); transition:width 1s var(--sp);}
#er-audit .erau-weak{border-top:1px solid var(--line); padding-top:.9rem; margin-top:.4rem;}
#er-audit .erau-weak h4{font-size:1.05rem; margin:0 0 .6rem;}
#er-audit .erau-weak-item{background:var(--panel); border:1px solid var(--line); border-radius:.6rem; padding:.9rem 1rem; margin-bottom:.6rem;}
#er-audit .erau-weak-item .t{color:var(--c); font-weight:700; font-size:.95rem;}
#er-audit .erau-weak-item .f{color:var(--mut); font-size:.9rem; margin:.3rem 0;}
#er-audit .erau-weak-item .x{font-size:.9rem;} #er-audit .erau-weak-item .x b{color:var(--g);}
#er-audit .erau-cta{text-align:center; background:linear-gradient(180deg,rgba(0,212,255,.06),rgba(157,255,0,.04)); border:1px solid var(--line); border-radius:.9rem; padding:1.3rem; margin-top:1.2rem;}
#er-audit .erau-cta h4{font-size:1.15rem; margin:0 0 .4rem;}
#er-audit .erau-cta p{color:var(--mut); font-size:.92rem; margin:0 0 .9rem;}
#er-audit .erau-emailed{text-align:center; color:var(--dim); font-size:.82rem; margin-top:.8rem;}
#er-audit .erau-quote{border-left:3px solid var(--g); padding:.5rem 0 .5rem .9rem; margin:1.2rem 0; color:var(--mut); font-style:italic; font-size:.95rem;}
#er-audit .erau-quote span{display:block; margin-top:.4rem; font-style:normal; color:var(--tx);}
#er-audit .erau-quote b{color:#fff;}
#er-audit .erau-how{margin:.2rem 0 .4rem; font-size:.85rem;}
#er-audit .erau-how summary{cursor:pointer; color:var(--mut); list-style:none;}
#er-audit .erau-how summary::-webkit-details-marker{display:none;}
#er-audit .erau-how summary::before{content:"+ "; color:var(--c);}
#er-audit .erau-how[open] summary::before{content:"– ";}
#er-audit .erau-how p{margin:.4rem 0 0; color:var(--mut);}
#er-audit .erau-cta #er-booking{margin-top:1rem;}
@keyframes erauFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
#er-audit .erau-pane{animation:erauFade .45s var(--sp) both;}
@media (prefers-reduced-motion: reduce){#er-audit *{animation-duration:.001ms!important;transition-duration:.001ms!important;}}