:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color-scheme:dark;background:#0b1425;color:#e9f0fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 30% at 50% 4%,#142544 0%,transparent 85%),#0b1425}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #78adff;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{max-width:1220px;padding:0 28px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #293b52}.brand{display:flex;gap:12px;align-items:center}.brand-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(140deg,#397cff,#1941ac);box-shadow:0 8px 30px #2563eb22}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#8fa8ca;font-size:10px;letter-spacing:1.3px;margin-top:3px}.version{color:#73a7ff}.online{font-size:11px;letter-spacing:.8px;color:#75dfb7;border:1px solid #245f51;border-radius:40px;padding:9px 12px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32d3a1;margin-right:5px}.hero{text-align:center;padding:65px 0 62px}.eyebrow{font-size:11px;letter-spacing:2px;color:#80aeff;font-weight:750}.hero h1{font-size:clamp(34px,5.5vw,64px);letter-spacing:-2px;line-height:1.12;margin:16px 0 19px}.hero h1 span{color:#91b5f9}.hero>p{color:#9eb2d0;font-size:16px}.hero form{display:flex;gap:10px;max-width:820px;margin:32px auto 12px}.url-field{display:flex;align-items:center;gap:10px;flex:1;background:#17273e;border:1px solid #354b69;border-radius:12px;padding:0 17px;text-align:left}.url-field>span{color:#8da7ce;font-size:20px}.url-field input{border:0;outline:0;background:transparent;color:#fff;padding:18px 0;width:100%;min-width:0}.hero button{border:0;border-radius:12px;background:linear-gradient(110deg,#276df2,#1c4ab3);padding:15px 23px;color:#fff;font-weight:700;white-space:nowrap}.hero button:hover{filter:brightness(1.15)}.hero button:disabled{opacity:.55;cursor:wait}.hero .hint{font-size:12px;color:#8097b7}.message{padding:14px 18px;margin:0 0 20px;border-radius:10px;background:#153b32;color:#9df0ce}.message.error{background:#3c2231;color:#ffc2c8;border:1px solid #7d3d51}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 24px}.result-head h2{font-size:30px;letter-spacing:-.6px;margin:7px 0}.muted{color:#91a5c4;font-size:13px;overflow-wrap:anywhere}.complete{color:#7fe2ba;background:#153c34;border:1px solid #27634f;border-radius:50px;padding:10px 14px;font-size:12px;white-space:nowrap}.complete span{margin-right:4px}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.score-card{background:linear-gradient(145deg,#192b44,#142239);border:1px solid #2b405b;border-radius:17px;padding:24px 12px;min-height:246px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:7px}.score-card>b{font-size:15px}.score-card>span:not(.count-icon){font-size:12px;color:#9aafcb}.ring{--percent:0;--ring-color:#32d3a1;position:relative;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color) calc(var(--percent)*1%),#31445f 0);margin-bottom:10px}.ring:before{content:"";position:absolute;inset:11px;background:#17263d;border-radius:50%}.ring-inner{position:relative;display:flex;align-items:baseline;gap:3px}.ring-inner strong{font-size:37px;letter-spacing:-1px}.ring-inner small{font-size:12px;color:#8fa7c5}.ring.unavailable .ring-inner strong{font-size:32px}.count-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#164d3f;color:#4be2ac;font-size:40px;margin-bottom:12px}.score-count>strong{font-size:32px;margin:0 0 6px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0 23px}.insight{display:flex;align-items:center;gap:13px;background:#122037;border:1px solid #283b53;padding:16px 20px;border-radius:13px}.insight-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;font-weight:800}.insight-icon.warning{background:#503c2c;color:#ffd08a}.insight-icon.good{background:#1b493d;color:#5ee6b7}.insight-icon.info{background:#1d3c68;color:#90b8ff}.insight strong{display:block;font-size:23px}.insight span:last-child{color:#a5b7d0;font-size:12px}.panel{background:#14233a;border:1px solid #2b405b;border-radius:17px;padding:27px;margin-bottom:18px;min-width:0}.panel h2{margin:8px 0;font-size:23px}.panel p{color:#9eb1cc;font-size:13px;line-height:1.6}.panel-top{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #2d405a;padding-bottom:20px}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #314560;border-radius:9px;background:#192b44;color:#b8c9e0;padding:9px 12px;font-size:12px;white-space:nowrap}.filter.active{background:#2563eb;border-color:#397aff;color:#fff}.filter span{margin-left:4px;opacity:.8}.check-group{margin-top:20px;border:1px solid #2b4059;border-radius:13px;overflow:hidden;background:#112037}.group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;background:#1b2c45}.group-head h3{font-size:15px;margin:0;display:flex;align-items:center;gap:11px}.group-icon{color:#8fb9ff;font-size:20px}.group-count{font-size:11px;color:#a1b6d0;white-space:nowrap}.check-item{border-top:1px solid #2a3d55}.check-head{list-style:none;display:flex;align-items:center;gap:13px;padding:15px 18px;cursor:pointer}.check-head::-webkit-details-marker{display:none}.check-head:hover{background:#1a2a43}.check-state{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;font-weight:800}.state-pass{color:#6de8b9;background:#1b4c3e}.state-fail{color:#ffd28b;background:#60442d}.check-main{flex:1;min-width:0}.check-main strong{display:block;font-size:14px}.check-main small{display:block;color:#92a7c5;font-size:11px;margin-top:3px}.expand-icon{font-size:22px;color:#92a7c5;transition:transform .15s}.check-item[open] .expand-icon{transform:rotate(180deg)}.check-body{padding:0 20px 17px 61px;overflow-wrap:anywhere}.check-body p{margin:5px 0 12px}.check-body h4{font-size:12px;color:#ffd28b;margin:12px 0 0}.check-body .fix-text{color:#f0c989}.empty{padding:20px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-list{margin:15px 0 0}.summary-row{display:grid;grid-template-columns:38% 1fr;gap:14px;padding:12px 0;border-top:1px solid #293d56;font-size:13px}.summary-row dt{color:#96abc8}.summary-row dd{margin:0;overflow-wrap:anywhere}.perf-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #293d56;font-size:13px}.perf-row span{color:#b6c6dc;text-align:right;overflow-wrap:anywhere}.export-note{margin-top:22px!important}.secondary{background:#263e5f;color:#e6efff;border:1px solid #36547d;padding:12px 16px;border-radius:10px;font-weight:700}.secondary:hover{background:#34547d}.disclaimer{font-size:12px;color:#849bb9;text-align:center;line-height:1.7;margin:22px 0}footer{text-align:center;color:#758ba9;font-size:12px;padding:38px 0 30px}footer span{color:#9bbcff}.overlay{position:fixed;inset:0;background:#060d1cdd;backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(100%,470px);text-align:center;border:1px solid #385174;border-radius:22px;background:linear-gradient(155deg,#1b2e4b,#101d33);box-shadow:0 35px 90px #0009;padding:38px 30px;outline:none}.modal-emblem{position:relative;width:112px;height:112px;margin:0 auto 22px;display:grid;place-items:center}.spinner{position:absolute;inset:0;border:5px solid #314766;border-top-color:#69a6ff;border-right-color:#3478f6;border-radius:50%;animation:spin 1.15s linear infinite}.modal-center{font-size:43px;color:#92baff}.modal h2{font-size:27px;margin:13px 0 9px}.modal p{color:#a8bedc;font-size:14px;line-height:1.6}.scan-url{color:#d7e7ff;font-size:13px;overflow-wrap:anywhere;padding:13px;border-radius:10px;background:#0e1b30;border:1px solid #304663;margin:20px 0}.progress-indeterminate{height:6px;border-radius:10px;background:#2b405e;overflow:hidden}.progress-indeterminate span{display:block;height:100%;width:32%;background:linear-gradient(90deg,#3278ff,#7cb8ff);border-radius:10px;animation:progress 1.65s ease-in-out infinite}.modal .modal-hint{font-size:11px;color:#849ab9;margin-bottom:0}.is-loading{overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(325%)}}@media(prefers-reduced-motion:reduce){.spinner,.progress-indeterminate span{animation-duration:4s}*{scroll-behavior:auto!important}}@media(max-width:850px){.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-top{align-items:start;flex-direction:column}.hero{padding:48px 0}.bottom-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{padding:0 15px}.topbar{padding:18px 0}.online{display:none}.hero{padding:40px 0 35px}.hero h1{letter-spacing:-1px}.hero form{flex-direction:column}.url-field input{padding:15px 0}.hero button{padding:16px}.result-head{align-items:flex-start;flex-direction:column}.score-grid{gap:9px}.score-card{min-height:205px;padding:15px 5px}.ring{width:106px;height:106px}.ring:before{inset:9px}.ring-inner strong{font-size:30px}.score-card>b{font-size:13px}.score-card>span:not(.count-icon){font-size:11px}.insight-grid{grid-template-columns:1fr;gap:8px}.insight{padding:12px}.panel{padding:17px}.group-head{padding:14px 12px}.group-head h3{font-size:13px}.group-count{font-size:10px}.check-head{padding:13px 12px}.check-body{padding-left:54px}.modal{padding:28px 18px}.summary-row{grid-template-columns:1fr;gap:3px}}

/* V1.0.3 light redesign */
:root{color-scheme:light;background:#f4f8ff;color:#172b4a}body{background:radial-gradient(ellipse 85% 26% at 50% 0%,#e2edff,transparent),#f4f8ff}.topbar{border-bottom-color:#dce6f4}.brand small,.muted{color:#647b9b}.version,.eyebrow{color:#3569d2}.online{color:#178364;border-color:#c1e9d9;background:#edfcf6}.hero h1 span{color:#336bd8}.hero>p,.panel p{color:#60758f}.url-field{background:#fff;border-color:#c9d8ec;box-shadow:0 6px 20px #25416a0a}.url-field input{color:#172b4a}.url-field:focus-within{border-color:#427de9;box-shadow:0 0 0 3px #427de91c}.url-field input[aria-invalid="true"]{color:#9f2535}.hero{padding:56px 0 40px}.hero form{margin-bottom:5px}.message{max-width:820px;margin:12px auto 0;text-align:left;background:#e8fbf2;color:#156f53}.message.error{background:#fff0f1;color:#a1263b;border:1px solid #f1bdc5}.score-card,.panel,.insight{background:#fff;border:1px solid #dae5f3;box-shadow:0 10px 35px #1a47730b}.score-card>span:not(.count-icon),.insight span:last-child,.group-count,.check-main small,.panel p,.summary-row dt,.perf-row span{color:#657b99}.ring{background:conic-gradient(var(--ring-color) calc(var(--percent)*1%),#e7edf6 0)}.ring:before{background:#fff}.ring-inner small{color:#647b98}.count-icon,.insight-icon.good{background:#e2f8ed;color:#15966e}.insight-icon.warning{background:#fff1db;color:#ad6b12}.insight-icon.info{background:#e8f0ff;color:#376ad1}.complete{background:#e8f9f0;border-color:#c6ebd9;color:#168361}.panel-top{border-color:#e0e8f4}.filter{background:#f3f7fe;color:#476182;border-color:#d8e4f4}.filter.active{background:#2563eb;color:#fff}.check-group{background:#fff;border-color:#dbe5f2}.group-head{background:#f2f6fc}.group-icon{color:#386dd5}.check-item{border-color:#e1e8f3}.check-head:hover{background:#f6f9ff}.state-pass{background:#e0f8ec;color:#119b6d}.state-fail{background:#fff0d8;color:#ad6b12}.check-body h4,.check-body .fix-text{color:#a16a12}.summary-row,.perf-row{border-color:#e4ebf5}.secondary{background:#eef4ff;color:#2659b8;border-color:#cdddf7}.secondary:hover{background:#e1ecff}.disclaimer,footer{color:#7185a0}footer span{color:#3b6dcf}.overlay{background:#0d1c3a99}.modal{background:#fff;border-color:#d7e3f5;box-shadow:0 30px 100px #091c3850}.modal h2{color:#172b4a}.modal p{color:#647b98}.scan-url{background:#f1f6ff;color:#26456e;border-color:#dbe5f4}.modal .modal-hint{color:#7489a5}.modal-center{color:#3974e8}.progress-indeterminate{background:#e1e9f6}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.metric-card{border:1px solid #dce6f4;border-radius:13px;padding:17px;background:#f9fbff;display:flex;flex-direction:column;gap:9px}.metric-card.good{border-left:4px solid #20b981}.metric-card.warn{border-left:4px solid #f0a329}.metric-card.bad{border-left:4px solid #e65d68}.metric-title{font-size:12px;color:#59708d}.metric-value{font-size:26px;letter-spacing:-.6px}.metric-card small{color:#7184a0;font-size:11px;line-height:1.5}.device-tabs{display:flex;gap:8px;margin-top:19px}.device-tab{border:1px solid #d6e3f4;border-radius:10px;padding:11px 17px;background:#f2f6fc;color:#4e6687;font-weight:650}.device-tab.active{background:#2866e2;color:#fff;border-color:#2866e2}.diagnostic-heading{font-size:17px;margin:28px 0 15px}.diagnostic-item{border:1px solid #dce6f4;border-radius:12px;margin:9px 0;overflow:hidden;background:#fff}.diagnostic-head{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;padding:17px}.diagnostic-head::-webkit-details-marker{display:none}.diagnostic-head>span:nth-child(2){flex:1;min-width:0}.diagnostic-head strong{display:block;font-size:14px}.diagnostic-head small{display:block;margin-top:5px;color:#7287a3}.diagnostic-dot{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-weight:800}.diagnostic-dot.critical{background:#ffe9eb;color:#c22e42}.diagnostic-dot.moderate{background:#fff2da;color:#a76d18}.diagnostic-body{padding:0 18px 20px 59px;overflow-wrap:anywhere}.recommendation-label{display:block;font-size:12px;color:#2866ce;margin-top:12px}.resource-list{padding-left:18px;font-size:12px;line-height:1.7;color:#496180;overflow-wrap:anywhere}.diagnostic-empty{padding:17px;background:#f3f7fd;border-radius:12px}@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.diagnostic-body{padding-left:18px}.hero{padding:42px 0 28px}}


/* V1.0.4 – navigation, findings, branded print report */
html{scroll-behavior:smooth}#seo-checks,#diagnostics-panel,#findings-panel{scroll-margin-top:24px}
a.score-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
a.score-link:hover,a.score-link:focus-visible{transform:translateY(-5px);border-color:#72a4f1;box-shadow:0 18px 40px #2461bb24}
.score-cta{font-size:11px!important;font-weight:700;color:#2d67d5!important;margin-top:7px}
.findings{display:grid;gap:12px;margin-top:20px}.finding{border:1px solid #d9e6f5;border-left:4px solid #28ba8b;border-radius:12px;background:#f8fbff;padding:16px 19px}.finding-warning{border-left-color:#eaa638}.finding-critical{border-left-color:#e26369}.finding h3{font-size:15px;margin:0 0 7px}.finding p{margin:0!important;line-height:1.7;color:#435c7b!important}footer a{color:#2767d3;font-weight:750;text-decoration:none;transition:color .15s}footer a:hover,footer a:focus-visible{color:#123c95;text-decoration:underline}
.print-report{display:none}
@media print{
@page{size:A4;margin:16mm 15mm 17mm}
:root{color-scheme:light!important}body{background:white!important;color:#142b4d!important;font-family:Arial,sans-serif!important;font-size:10pt!important}
.shell,.overlay{display:none!important}.print-report{display:block!important;color:#142b4d!important}
.print-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #2867da;padding-bottom:11px;margin-bottom:22px}.print-brand{font-weight:800;font-size:17pt;color:#2057b7}.print-subtitle{color:#61738b;font-size:9pt}.print-report h1{font-size:24pt;margin:0 0 8px}.print-url{font-size:12pt;color:#2456a6;overflow-wrap:anywhere}.print-date{font-size:9pt;color:#64748b}.print-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.print-score{padding:14px 8px;background:#eef5ff;border:1px solid #d9e5f4;border-radius:7px;text-align:center;break-inside:avoid}.print-score strong{font-size:22pt;display:block;color:#163e7a}.print-score span{display:block;font-size:8pt;color:#476486;margin-top:6px}.print-report h2{font-size:14pt;color:#184c98;border-bottom:1px solid #c9d8ec;padding:6px 0;margin:24px 0 10px;break-after:avoid}.print-report h3{font-size:10.5pt;margin:0 0 5px;break-after:avoid}.print-finding,.print-check{break-inside:avoid;padding:8px 0;border-bottom:1px solid #e5eaf2}.print-finding p,.print-check p{margin:4px 0;line-height:1.5;overflow-wrap:anywhere}.print-metric{margin:6px 0}.print-disclaimer{font-size:8pt;color:#65758a;margin-top:24px}.print-footer{font-size:9pt;color:#285db0;border-top:1px solid #d5e0ef;padding-top:10px;margin-top:20px}
}
@media print{
.shell{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
.shell > :not(.print-report){display:none!important}
}

.metric-rating{display:inline-block;font-size:12px;font-weight:700;color:#234c75;margin-bottom:5px}.metric-card.good .metric-rating{color:#0a8d61}.metric-card.warn .metric-rating{color:#a5690a}.metric-card.bad .metric-rating{color:#bb3347}