/* WP SEO Auditor Pro v3 — Nexora Black & Gold */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;600;700;800&display=swap');

.nxa-wrap,.nxa-wrap *{box-sizing:border-box;margin:0;padding:0}
.nxa-wrap{
  --g:#f0b429;--gd:#c88e10;--gg:rgba(240,180,41,.15);
  --bk:#0a0a0a;--dk:#111;--cd:#181818;--cd2:#1e1e1e;
  --bd:rgba(240,180,41,.14);--bd2:rgba(255,255,255,.06);
  --tx:#fff;--mu:rgba(255,255,255,.5);--mu2:rgba(255,255,255,.3);
  --er:#ff4d4d;--ok:#4dff91;--wn:#f0b429;--if:#4da6ff;--pu:#c084fc;
  --r:14px;--ff:'Barlow',sans-serif;--fd:'Barlow Condensed',sans-serif;
  font-family:var(--ff);color:var(--tx);background:var(--bk);
  border-radius:20px;overflow:hidden;width:100%;
}
.nxa-hidden{display:none!important}

/* ── Hero ── */
.nxa-hero{position:relative;padding:72px 48px 80px;text-align:center;overflow:hidden;background:var(--bk)}
.nxa-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.nxa-line{position:absolute;top:-100%;bottom:-100%;left:var(--lx);width:1px;background:linear-gradient(180deg,transparent 0%,rgba(240,180,41,.4) 50%,transparent 100%);transform:rotate(var(--la,0deg));transform-origin:center;animation:nxa-ln 4s ease-in-out infinite alternate}
@keyframes nxa-ln{from{opacity:.15}to{opacity:.7}}
.nxa-dot-p{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--g);animation:nxa-tw var(--d) ease-in-out infinite alternate}
@keyframes nxa-tw{from{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(2)}}
.nxa-hero-inner{position:relative;z-index:1}
.nxa-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 18px;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--mu);margin-bottom:20px}
.nxa-pulse{width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 8px var(--g);animation:nxa-p 2s ease-in-out infinite}
@keyframes nxa-p{0%,100%{box-shadow:0 0 6px var(--g)}50%{box-shadow:0 0 18px var(--g),0 0 30px var(--gg)}}
.nxa-h{font-family:var(--fd);font-size:clamp(2rem,5vw,3.6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;color:#fff;margin-bottom:14px}
.nxa-sub{font-size:16px;color:var(--mu);max-width:520px;margin:0 auto 20px;line-height:1.6}

/* Feature pills */
.nxa-feature-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.nxa-pill{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--mu)}
.nxa-pill-ai{background:rgba(192,132,252,.1);border-color:rgba(192,132,252,.3);color:var(--pu)}

/* Form */
.nxa-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.nxa-inp-wrap{position:relative;flex:1;max-width:460px;min-width:240px}
.nxa-ico{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mu);pointer-events:none}
.nxa-inp{width:100%;height:54px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;font-family:var(--ff);font-size:15px;padding:0 22px 0 48px;outline:none;transition:border-color .2s,box-shadow .2s}
.nxa-inp::placeholder{color:var(--mu)}
.nxa-inp:focus{border-color:var(--g);box-shadow:0 0 0 3px var(--gg)}
.nxa-btn{position:relative;overflow:hidden;height:54px;padding:0 30px;background:transparent;border:1.5px solid var(--g);border-radius:999px;color:var(--g);font-family:var(--ff);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:color .2s,box-shadow .2s}
.nxa-btn::before{content:'';position:absolute;inset:0;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:inherit}
.nxa-btn-t,.nxa-btn-a{position:relative;z-index:1}
.nxa-btn:hover::before{transform:scaleX(1)}
.nxa-btn:hover{color:#000;box-shadow:0 0 30px var(--gg)}
.nxa-btn:disabled{opacity:.45;pointer-events:none}
.nxa-err{margin-top:12px;color:var(--er);font-size:14px;font-weight:600;min-height:20px}
.nxa-disclaimer{margin-top:12px;font-size:12px;color:var(--mu2)}

/* ── Progress ── */
.nxa-progress{background:var(--dk);padding:60px 40px;text-align:center;border-top:1px solid var(--bd)}
.nxa-rings{position:relative;width:110px;height:110px;margin:0 auto 28px}
.nxa-r{position:absolute;border-radius:50%;border:1.5px solid var(--g)}
.r1{inset:0;animation:nxa-spin 3s linear infinite;border-top-color:transparent;border-left-color:transparent}
.r2{inset:14px;animation:nxa-spin 2s linear infinite reverse;opacity:.6;border-bottom-color:transparent}
.r3{inset:28px;animation:nxa-spin 4s linear infinite;opacity:.3;border-right-color:transparent}
@keyframes nxa-spin{to{transform:rotate(360deg)}}
.nxa-r-ico{position:absolute;inset:38px;display:flex;align-items:center;justify-content:center;color:var(--g)}
.nxa-r-ico svg{width:100%;height:100%}
.nxa-prog-url{font-size:12px;color:var(--mu);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px;margin-inline:auto}
.nxa-prog-count{font-family:var(--fd);font-size:22px;font-weight:700;margin-bottom:20px}
.nxa-steps{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.nxa-step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu)}
.nxa-step-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);transition:background .3s,box-shadow .3s}
.nxa-step-dot.active{background:var(--g);box-shadow:0 0 10px var(--g)}
.nxa-step-dot.done{background:var(--ok)}
.nxa-bar{height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;max-width:400px;margin:0 auto 12px}
.nxa-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gd),var(--g));transition:width .6s ease;box-shadow:0 0 12px var(--g)}
.nxa-prog-note{font-size:12px;color:var(--mu2)}

/* ── Report ── */
.nxa-report{background:var(--bk);border-top:1px solid var(--bd)}

/* Score header */
.nxa-score-hdr{padding:48px;display:flex;align-items:center;gap:36px;flex-wrap:wrap;background:linear-gradient(135deg,var(--dk) 0%,var(--bk) 100%);border-bottom:1px solid var(--bd)}
.nxa-ring-wrap{flex-shrink:0;position:relative;width:130px;height:130px}
.nxa-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}
.nxa-ring-wrap circle{fill:none;stroke-width:9;stroke-linecap:round}
.nxa-ring-track{stroke:rgba(255,255,255,.07)}
.nxa-ring-fill{stroke:var(--g);stroke-dasharray:339.3;stroke-dashoffset:339.3;transition:stroke-dashoffset 1.4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 6px var(--g))}
.score-poor .nxa-ring-fill{stroke:var(--er);filter:drop-shadow(0 0 6px var(--er))}
.score-avg  .nxa-ring-fill{stroke:var(--wn)}
.score-good .nxa-ring-fill{stroke:var(--ok);filter:drop-shadow(0 0 6px var(--ok))}
.nxa-score-nums{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.nxa-score-n{font-family:var(--fd);font-size:40px;font-weight:900;line-height:1}
.nxa-score-l{font-size:11px;color:var(--mu);letter-spacing:.08em}
.nxa-score-meta h3{font-family:var(--fd);font-size:1.8rem;font-weight:900;text-transform:uppercase;margin-bottom:6px;word-break:break-all}
.nxa-date{font-size:13px;color:var(--mu);margin-bottom:14px}
.nxa-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.nxa-bge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}
.bc{color:var(--er);border-color:rgba(255,77,77,.3);background:rgba(255,77,77,.08)}
.bw{color:var(--wn);border-color:rgba(240,180,41,.3);background:rgba(240,180,41,.08)}
.bi{color:var(--if);border-color:rgba(77,166,255,.3);background:rgba(77,166,255,.08)}
.bo{color:var(--ok);border-color:rgba(77,255,145,.3);background:rgba(77,255,145,.08)}
.nxa-exp{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:transparent;border:1.5px solid rgba(255,255,255,.15);border-radius:999px;color:var(--mu);font-family:var(--ff);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}
.nxa-exp:hover{border-color:var(--g);color:var(--g)}

/* Cards */
.nxa-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--bd);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.nxa-card{background:var(--dk);padding:24px 16px;text-align:center;transition:background .2s}
.nxa-card:hover{background:var(--cd)}
.nxa-card-ic{font-size:22px;margin-bottom:8px;line-height:1}
.nxa-card-v{font-family:var(--fd);font-size:1.8rem;font-weight:900;line-height:1;margin-bottom:4px}
.nxa-card-lb{font-size:11px;color:var(--mu);letter-spacing:.04em}
.nxa-card.cc .nxa-card-v{color:var(--er)}
.nxa-card.cw .nxa-card-v{color:var(--wn)}
.nxa-card.co .nxa-card-v{color:var(--ok)}

/* ── PageSpeed section ── */
.nxa-ps-section{padding:44px 48px;border-bottom:1px solid var(--bd);background:var(--bk)}
.nxa-ps-tabs{display:flex;gap:2px;margin-bottom:28px;background:rgba(255,255,255,.04);border-radius:10px;padding:3px;width:fit-content}
.nxa-ps-tab{padding:8px 22px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;background:none;border:none;color:var(--mu);transition:background .2s,color .2s}
.nxa-ps-tab.active{background:var(--g);color:#000}
.nxa-cwv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}
.nxa-cwv-card{background:var(--cd);border:1px solid var(--bd2);border-radius:var(--r);padding:20px;position:relative;overflow:hidden}
.nxa-cwv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.nxa-cwv-card.good::before{background:var(--ok)}
.nxa-cwv-card.needs-improvement::before{background:var(--wn)}
.nxa-cwv-card.poor::before{background:var(--er)}
.nxa-cwv-label{font-size:11px;color:var(--mu);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.nxa-cwv-val{font-family:var(--fd);font-size:2rem;font-weight:900;line-height:1;margin-bottom:6px}
.nxa-cwv-card.good .nxa-cwv-val{color:var(--ok)}
.nxa-cwv-card.needs-improvement .nxa-cwv-val{color:var(--wn)}
.nxa-cwv-card.poor .nxa-cwv-val{color:var(--er)}
.nxa-cwv-status{font-size:12px;font-weight:600}
.nxa-cwv-card.good .nxa-cwv-status{color:var(--ok)}
.nxa-cwv-card.needs-improvement .nxa-cwv-status{color:var(--wn)}
.nxa-cwv-card.poor .nxa-cwv-status{color:var(--er)}

/* Perf score gauge */
.nxa-perf-score{display:flex;align-items:center;gap:20px;padding:20px;background:var(--cd);border-radius:var(--r);border:1px solid var(--bd2);margin-bottom:20px}
.nxa-perf-gauge{width:70px;height:70px;flex-shrink:0;position:relative}
.nxa-perf-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.nxa-perf-gauge circle{fill:none;stroke-width:7;stroke-linecap:round}
.nxa-pg-track{stroke:rgba(255,255,255,.07)}
.nxa-pg-fill{stroke-dasharray:188;stroke-dashoffset:188;transition:stroke-dashoffset 1s ease}
.nxa-pg-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:18px;font-weight:900}
.nxa-perf-info h5{font-family:var(--fd);font-size:1.1rem;font-weight:700;margin-bottom:4px}
.nxa-perf-info p{font-size:13px;color:var(--mu)}

/* Opportunities */
.nxa-opp-list{display:flex;flex-direction:column;gap:8px}
.nxa-opp{display:flex;align-items:center;gap:12px;background:var(--cd);border:1px solid var(--bd2);border-radius:10px;padding:14px 16px}
.nxa-opp-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.nxa-opp.high .nxa-opp-icon{background:rgba(255,77,77,.15);color:var(--er)}
.nxa-opp.med  .nxa-opp-icon{background:rgba(240,180,41,.15);color:var(--wn)}
.nxa-opp.low  .nxa-opp-icon{background:rgba(77,166,255,.15);color:var(--if)}
.nxa-opp-body{flex:1}
.nxa-opp-title{font-size:14px;font-weight:600;margin-bottom:2px}
.nxa-opp-saving{font-size:12px;color:var(--mu)}
.nxa-opp-score-bar{width:80px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;flex-shrink:0}
.nxa-opp-score-fill{height:100%;border-radius:2px;background:var(--g)}
.nxa-opp.high .nxa-opp-score-fill{background:var(--er)}
.nxa-opp.med  .nxa-opp-score-fill{background:var(--wn)}
.nxa-opp.low  .nxa-opp-score-fill{background:var(--if)}

/* ── AI section ── */
.nxa-ai-section{padding:44px 48px;border-bottom:1px solid var(--bd);background:linear-gradient(135deg,rgba(192,132,252,.04) 0%,var(--bk) 60%)}
.nxa-ai-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.nxa-ai-icon{width:44px;height:44px;border-radius:12px;background:rgba(192,132,252,.15);border:1px solid rgba(192,132,252,.3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.nxa-ai-header h4{font-family:var(--fd);font-size:1.4rem;font-weight:900;text-transform:uppercase}
.nxa-ai-header span{font-size:12px;color:var(--pu);font-weight:600}
.nxa-ai-body{background:var(--cd);border:1px solid rgba(192,132,252,.15);border-radius:var(--r);padding:28px;line-height:1.75;font-size:14px}
.nxa-ai-body h1,.nxa-ai-body h2{font-family:var(--fd);font-weight:900;text-transform:uppercase;letter-spacing:.02em;margin:20px 0 10px;color:#fff}
.nxa-ai-body h1{font-size:1.3rem}
.nxa-ai-body h2{font-size:1.1rem}
.nxa-ai-body h3{font-size:1rem;font-weight:700;color:var(--g);margin:16px 0 8px}
.nxa-ai-body p{color:rgba(255,255,255,.8);margin-bottom:12px}
.nxa-ai-body ul{padding-left:18px;margin-bottom:12px}
.nxa-ai-body li{color:rgba(255,255,255,.75);margin-bottom:6px}
.nxa-ai-body strong{color:#fff;font-weight:700}

/* General sections */
.nxa-sec{padding:44px 48px;border-bottom:1px solid var(--bd)}
.nxa-sec:last-child{border-bottom:none}
.nxa-sec-hd{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.nxa-sec-hd h4{font-family:var(--fd);font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.nxa-sec-dot{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g);flex-shrink:0}

/* Top issues */
.nxa-top-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.nxa-top-item{display:flex;align-items:center;gap:12px;background:var(--cd);border:1px solid var(--bd2);border-radius:var(--r);padding:14px 18px;transition:border-color .2s}
.nxa-top-item:hover{border-color:rgba(240,180,41,.35)}
.nxa-top-lbl{flex:1;font-size:14px;font-weight:600}
.nxa-top-cnt{color:var(--mu);font-size:13px;white-space:nowrap}

/* Tables */
.nxa-tbl-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--bd2)}
.nxa-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}
.nxa-tbl th{background:var(--cd);padding:12px 16px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--bd2);cursor:pointer;user-select:none;white-space:nowrap}
.nxa-tbl th:hover{color:var(--g)}
.nxa-tbl td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.nxa-tbl tr:last-child td{border-bottom:none}
.nxa-tbl tr:hover td{background:rgba(255,255,255,.02)}
.nxa-url-a{color:rgba(255,255,255,.65);text-decoration:none;font-family:monospace;font-size:12px;display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxa-url-a:hover{color:var(--g)}
.nxa-sc{display:inline-block;padding:2px 9px;border-radius:5px;font-size:12px;font-weight:700;font-family:monospace}
.nxa-sc.ok{background:rgba(77,255,145,.1);color:var(--ok)}
.nxa-sc.wn{background:rgba(240,180,41,.1);color:var(--wn)}
.nxa-sc.er{background:rgba(255,77,77,.1);color:var(--er)}
.nxa-chips{display:flex;gap:4px;flex-wrap:wrap}
.nxa-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700}
.cp-c{background:rgba(255,77,77,.12);color:var(--er)}
.cp-w{background:rgba(240,180,41,.12);color:var(--wn)}
.cp-i{background:rgba(77,166,255,.12);color:var(--if)}
.cp-o{background:rgba(77,255,145,.1);color:var(--ok)}

/* Restart */
.nxa-restart{padding:44px;text-align:center;background:var(--dk);border-top:1px solid var(--bd)}
.nxa-restart p{color:var(--mu);font-size:14px;margin-bottom:14px}

/* Responsive */
@media(max-width:768px){
  .nxa-hero{padding:48px 22px 56px}
  .nxa-progress{padding:44px 22px}
  .nxa-score-hdr{padding:32px 22px;flex-direction:column;gap:20px}
  .nxa-sec,.nxa-ps-section,.nxa-ai-section{padding:30px 18px}
  .nxa-cards{grid-template-columns:repeat(2,1fr)}
  .nxa-cwv-grid{grid-template-columns:repeat(2,1fr)}
  .nxa-restart{padding:30px 18px}
  .nxa-steps{flex-direction:column;align-items:center}
}
@media(max-width:480px){
  .nxa-form{flex-direction:column;align-items:stretch}
  .nxa-btn{width:100%;justify-content:center}
  .nxa-cwv-grid{grid-template-columns:1fr 1fr}
}