:root{--audit-navy:#10233f;--audit-blue:#2674e0;--audit-cyan:#1cb7d8;--audit-pass:#20a46b;--audit-warn:#f2a51a;--audit-fail:#e75353;--audit-info:#7d8ca3}
.audit-main{min-height:80vh;background:#f4f7fb}.audit-hero{padding:70px 0 88px;background:radial-gradient(circle at 82% 15%,rgba(28,183,216,.16),transparent 25%),linear-gradient(135deg,#0e2340,#163b6c 60%,#155e7d);color:#fff}.audit-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.audit-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;font-size:.82rem;font-weight:800}.audit-intro h1{font-size:clamp(2.25rem,4.5vw,4rem);margin:18px 0;letter-spacing:-.045em}.audit-intro h1 span{color:#65daf1}.audit-intro>div>p{color:#cfe0f4;max-width:580px;font-size:1.05rem}.audit-form{background:#fff;color:var(--audit-navy);padding:28px;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.24)}.audit-form label{display:block;font-size:.9rem;font-weight:850;margin-bottom:10px}.url-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:2px solid #dce4ef;border-radius:14px;overflow:hidden;transition:.2s}.url-row:focus-within{border-color:#4b92ec;box-shadow:0 0 0 4px rgba(38,116,224,.12)}.url-row>span{padding-left:15px;color:#65758b;font-weight:700}.url-row input{min-width:0;height:57px;border:0;outline:0;padding:0 8px;font-size:1rem}.url-row button,.outline-button{border:0;cursor:pointer;font-weight:850}.url-row button{height:47px;margin-right:5px;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#2674e0,#1b9bc0);color:#fff}.audit-form small{display:block;margin-top:12px;color:#718096}.loading-panel,.error-panel{margin-top:-32px;position:relative;background:#fff;border-radius:20px;padding:27px 32px;box-shadow:0 16px 40px rgba(16,35,63,.12);display:flex;align-items:center;gap:20px}.loading-panel[hidden],.error-panel[hidden],.results[hidden]{display:none}.loading-panel strong,.loading-panel span,.error-panel strong{display:block}.loading-panel span,.error-panel p{color:#718096;margin:3px 0 0}.radar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--audit-blue);position:relative}.radar::after{content:"";position:absolute;inset:-7px;border:2px solid rgba(38,116,224,.25);border-radius:50%;animation:pulse 1.3s infinite}.error-panel{border-left:5px solid var(--audit-fail);color:var(--audit-fail)}.error-panel i{font-size:1.8rem}.results{padding:55px 0 76px}.result-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.result-label,.panel-head span,.details-head span{color:var(--audit-blue);font-weight:900;font-size:.74rem;letter-spacing:.1em}.result-heading h2{font-size:2rem;margin:4px 0}.result-heading p{color:#718096;margin:0}.outline-button{background:#fff;color:#34506f;border:1px solid #dce4ef;border-radius:11px;padding:11px 16px}.summary-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.score-card,.overview-card,.category-panel,.priority-panel,.details-panel{background:#fff;border:1px solid #e4e9f0;border-radius:20px;box-shadow:0 10px 30px rgba(16,35,63,.055)}.score-card{display:flex;align-items:center;gap:26px;padding:26px}.score-ring{--score:0;--ring:var(--audit-blue);width:140px;height:140px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--score)*1%),#e9edf3 0);position:relative}.score-ring::before{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.score-ring>div{z-index:1;text-align:center}.score-ring strong{font-size:2.55rem;line-height:1}.score-ring span{font-size:.75rem;color:#8995a6}.score-card>div+div>span{color:#718096;font-size:.84rem}.grade{display:block;font-size:2.3rem;line-height:1.1;color:var(--audit-blue)}.score-card p{font-size:.86rem;color:#718096;margin:6px 0 0}.overview-card{padding:26px}.overview-title{display:flex;justify-content:space-between}.overview-title span{color:#718096;font-size:.82rem}.status-bars{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 18px}.status-bars>div{padding:0 13px;border-right:1px solid #e7ebf0}.status-bars>div:first-child{padding-left:0}.status-bars>div:last-child{border:0}.status-bars span,.status-bars strong{display:block}.status-bars span{font-size:.78rem;color:#718096}.status-bars strong{font-size:1.55rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.pass{background:var(--audit-pass)}.warn{background:var(--audit-warn)}.fail{background:var(--audit-fail)}.info{background:var(--audit-info)}.stacked-bar{height:10px;display:flex;border-radius:99px;overflow:hidden;background:#edf0f4}.stacked-bar span{height:100%}.report-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px}.category-panel,.priority-panel{padding:26px}.panel-head h3,.details-head h3{font-size:1.22rem;margin:3px 0 20px}.category-chart{display:grid;gap:15px}.category-row{display:grid;grid-template-columns:125px 1fr 40px;gap:13px;align-items:center;font-size:.84rem}.category-row>span{font-weight:700}.bar-track{height:9px;border-radius:99px;background:#edf0f4;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--audit-blue),var(--audit-cyan))}.category-row strong{text-align:right}.priority-item{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.priority-item:last-child{border:0}.priority-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--audit-fail)}.priority-item.warn-item .priority-icon{background:var(--audit-warn)}.priority-item strong{display:block;font-size:.88rem}.priority-item p{font-size:.78rem;line-height:1.55;color:#718096;margin:2px 0}.empty-priority{text-align:center;color:var(--audit-pass);padding:28px 0}.details-panel{margin-top:20px;padding:26px}.details-head{display:flex;justify-content:space-between;align-items:end}.filter-buttons{display:flex;gap:5px;margin-bottom:20px}.filter-buttons button{border:0;background:#f0f3f7;color:#617188;padding:7px 11px;border-radius:8px;font-size:.76rem;font-weight:800;cursor:pointer}.filter-buttons button.active{background:var(--audit-navy);color:#fff}.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-item{display:grid;grid-template-columns:34px 1fr auto;gap:11px;padding:16px;border:1px solid #e6ebf1;border-radius:13px}.check-status{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff}.check-item[data-status=pass] .check-status{background:var(--audit-pass)}.check-item[data-status=warn] .check-status{background:var(--audit-warn)}.check-item[data-status=fail] .check-status{background:var(--audit-fail)}.check-item[data-status=info] .check-status{background:var(--audit-info)}.check-item h4{margin:0 0 3px;font-size:.88rem}.check-item p{margin:0;color:#718096;font-size:.76rem;line-height:1.5}.status-label{font-size:.68rem;font-weight:850;white-space:nowrap}.check-item[data-status=pass] .status-label{color:var(--audit-pass)}.check-item[data-status=warn] .status-label{color:#bd7900}.check-item[data-status=fail] .status-label{color:var(--audit-fail)}.check-item[data-status=info] .status-label{color:var(--audit-info)}.audit-disclaimer{font-size:.78rem;color:#718096;text-align:center;margin:20px 0 0}.audit-disclaimer i{margin-right:5px}@keyframes pulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.35);opacity:0}}
.authority-check{display:flex!important;gap:9px;align-items:flex-start;margin:15px 0 0!important;font-weight:650!important;font-size:.78rem!important;color:#45566d}.authority-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--audit-blue);flex:0 0 auto}.audit-form small a{text-decoration:underline;text-underline-offset:2px}.result-cta{margin-top:20px;padding:30px 34px;border-radius:20px;background:linear-gradient(125deg,#102c50,#1e5fa8 62%,#1787a5);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;box-shadow:0 16px 35px rgba(16,44,80,.18)}.result-cta span{font-size:.76rem;font-weight:850;color:#79ddf1}.result-cta h3{font-size:1.35rem;margin:4px 0 8px}.result-cta p{font-size:.85rem;color:#d7e7f5;margin:0;max-width:680px}.consult-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;background:#fff;color:#174f8b;border-radius:12px;font-weight:900;white-space:nowrap}
.summary-grid.three-up{grid-template-columns:1fr .72fr 1.18fr}.dual-score-card{background:#fff;border:1px solid #e4e9f0;border-radius:20px;box-shadow:0 10px 30px rgba(16,35,63,.055);padding:22px;display:grid;gap:16px}.mini-score{position:relative;padding:13px 14px;border-radius:13px;background:#f3f7fc}.mini-score>span{display:block;font-size:.75rem;font-weight:850;color:#52657c}.mini-score>strong{font-size:1.85rem;line-height:1.2}.mini-score>small{color:#8995a6}.mini-score>div{height:6px;background:#dfe6ef;border-radius:9px;overflow:hidden;margin-top:8px}.mini-score>div>i{display:block;height:100%;width:0;border-radius:9px;transition:width .65s ease;background:linear-gradient(90deg,#2674e0,#1cb7d8)}.seo-mini{background:#f3fbf8}.seo-mini>div>i{background:linear-gradient(90deg,#20a46b,#55c896)}.check-kind{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:5px;background:#edf3fa;color:#46627f;font-size:.62rem;font-weight:850}.check-item[data-type=seo] .check-kind{background:#eaf8f2;color:#16764e}
@media(max-width:1050px){.summary-grid.three-up{grid-template-columns:1fr 1fr}.overview-card{grid-column:1/-1}}
@media(max-width:900px){.audit-intro,.summary-grid,.summary-grid.three-up,.report-grid,.result-cta{grid-template-columns:1fr}.overview-card{grid-column:auto}.audit-intro{gap:30px}.check-list{grid-template-columns:1fr}.nav-links{font-size:.86rem;gap:16px}.consult-button{justify-self:start}}
@media(max-width:640px){.audit-hero{padding:48px 0 64px}.audit-form{padding:18px}.url-row{grid-template-columns:auto 1fr}.url-row button{grid-column:1/-1;width:calc(100% - 10px);margin:0 5px 5px}.result-heading,.details-head{align-items:flex-start;gap:15px;flex-direction:column}.score-card{align-items:flex-start}.score-ring{width:112px;height:112px}.status-bars{grid-template-columns:repeat(2,1fr);gap:15px}.status-bars>div{border:0;padding:0}.filter-buttons{flex-wrap:wrap;margin:0}.category-row{grid-template-columns:105px 1fr 34px}.footer-links{flex-wrap:wrap}}
