.sae-audit-wrapper{width:100%}.sae-plugin-hero{background: linear-gradient(to right, rgb(130 235 133 / 32%), rgb(34 130 213 / 35%)), url(../images/audithero.webp) center / cover no-repeat;background-position:center 85%;padding:150px;min-height:600px;width:100%;box-sizing:border-box;display:flex;align-items:center}.sae-plugin-hero-content{max-width:700px;margin:0 auto;width:100%;display:grid;align-items:center;margin-top:60px}.sae-plugin-hero-left{text-align:center}.sae-plugin-hero h1{font-size:70px;margin-bottom:15px;color:#fff;font-weight:700;line-height:1.2}.sae-plugin-hero p{color:#fff;margin-bottom:30px;font-size:18px;line-height:1.6}.sae-url-form{display:flex;gap:10px;background:#fff;padding:10px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.sae-url-form input{flex:1;border:none;padding:16px;font-size:16px;outline:none}.sae-url-form button{background:#0ea5e9;color:#fff;border:none;padding:16px 26px;border-radius:10px;cursor:pointer;font-weight:600;transition:background .3s ease}.sae-url-form button:hover{background:#0284c7}.sae-plugin-hero-right{display:flex;justify-content:center;align-items:center}.sae-plugin-hero-image-placeholder{width:100%;max-width:350px;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15)}.sae-plugin-hero-image-placeholder svg{width:100%;height:100%}@media (max-width:768px){.sae-audit-wrapper,.sae-step-1,.sae-plugin-hero{width:100%;max-width:none;box-sizing:border-box}.sae-plugin-hero{min-height:620px;padding:96px 20px 64px;background-position:center center;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0;overflow-x:hidden}.sae-plugin-hero-content{grid-template-columns:1fr;gap:30px;max-width:100%;min-width:0;box-sizing:border-box}.sae-plugin-hero-left{text-align:center;width:100%;min-width:0;box-sizing:border-box}.sae-plugin-hero h1{font-size:55px;overflow-wrap:anywhere}.sae-url-form{flex-direction:column;width:100%;box-sizing:border-box}.sae-url-form input,.sae-url-form button{width:100%;box-sizing:border-box}}.sae-step-2{display:none;max-width:600px;margin:170px auto;background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.sae-step-2 input,.sae-step-2 select{width:100%;padding:14px;margin-top:12px;border:1px solid #e5e7eb;border-radius:10px}.sae-step-2 button{width:100%;margin-top:20px;padding:14px;border:none;border-radius:10px;background:#111827;color:#fff;cursor:pointer}.sae-loader{position:fixed;inset:0;background:rgba(255,255,255,.85);display:none;align-items:center;justify-content:center;z-index:99999}.sae-loader-box{background:#fff;padding:45px;border-radius:18px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.08)}.sae-spinner{width:55px;height:55px;border:5px solid #e5e7eb;border-top:5px solid #4f46e5;border-radius:50%;margin:auto auto 20px;animation:saeSpin .8s linear infinite}@keyframes saeSpin{to{transform:rotate(360deg)}}.sae-progress{width:260px;height:6px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-top:20px}.sae-progress-bar{height:100%;width:40%;background:#4f46e5;animation:saeLoading 2s infinite}@keyframes saeLoading{0%{width:0}50%{width:70%}100%{width:100%}}.sae-dashboard{max-width:900px;margin:auto;padding:40px;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.sae-dashboard h2{font-size:28px;margin-bottom:10px;text-align:center;margin-top:50px}.sae-note{text-align:center;margin-bottom:40px;color:#4ec148;font-weight:600}.sae-score{width:140px;height:140px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:42px;font-weight:700;color:#fff;background:conic-gradient(var(--score-color) calc(var(--score)*1%),#e5e7eb 0)}.sae-report{background:rgba(255,255,255,.75);padding:30px;border-radius:18px;margin-bottom:25px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.sae-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.metric{background:#fff;padding:18px;border-radius:14px;text-align:center}.metric-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.metric-status{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric strong{color:var(--metric-color,#111827)}.metric p{min-height:42px;margin:10px 0 0;color:#64748b;font-size:13px;line-height:1.45}.metric--good{--metric-color:#15803d;border-top:4px solid #22c55e}.metric--medium{--metric-color:#c2410c;border-top:4px solid #f59e0b}.metric--poor{--metric-color:#b91c1c;border-top:4px solid #ef4444}.metric--unavailable{--metric-color:#64748b;border-top:4px solid #94a3b8}.metric--good .metric-status{color:#15803d}.metric--medium .metric-status{color:#c2410c}.metric--poor .metric-status{color:#b91c1c}.metric--unavailable .metric-status{color:#64748b}.metric strong{display:block;margin-top:8px;font-size:20px}.sae-cta{text-align:center;margin-top:35px}.sae-book-btn{margin-top:20px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:14px 26px;border-radius:12px;cursor:pointer;font-weight:600}.sae-toggle{display:inline-flex;background:transparent;padding:10px;border-radius:12px;border:1px solid #fff}.sae-toggle-btn{border:none;background:none;padding:8px 20px;cursor:pointer}.sae-toggle-btn.active{background:#111827;color:#fff}.sae-error{padding:20px;background:#fee2e2;color:#991b1b;border-radius:12px}@media(max-width:768px){.sae-url-form{flex-direction:column}.sae-dashboard{padding:20px}.sae-metrics{grid-template-columns:repeat(2,1fr)}.sae-hero-plugin h1{font-size:32px}}.sae-loader,.sae-step-1,.sae-step-2{display:none}.sae-step-1{display:block}.sae-audit-form-title{text-align:center;font-size:40px;margin-bottom:45px;border-bottom:1px solid #737def}