.check-hero-compact{padding:44px 0 50px}
.check-hero-compact nav{margin-bottom:16px}
.check-hero-compact h1{font-size:clamp(28px,3.4vw,42px);line-height:1.25}
.check-score{direction:ltr}
.check-runner[hidden]{display:none}
.check-runner{margin-top:22px;padding:20px;border:1px solid #263140;border-radius:14px;background:#111820;color:#f8fafc;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.check-runner header{display:flex;align-items:center;gap:12px}
.check-runner header div{display:grid;gap:2px;flex:1}
.check-runner header strong{font-size:13px}
.check-runner header small{color:#aab6c5;font-size:11px}
.check-runner header>b{font:700 13px Arial;color:#ff6975}
.runner-pulse{width:12px;height:12px;border:3px solid rgba(255,255,255,.2);border-top-color:#ef3340;border-radius:50%;animation:runner-spin .8s linear infinite}
.runner-track{height:7px;margin:16px 0;border-radius:999px;background:#283342;overflow:hidden;direction:ltr}
.runner-track>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c1121f,#ff6470);transition:transform .35s ease}
.check-runner ol{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none}
.check-runner li{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 9px;border:1px solid #293545;border-radius:9px;color:#7f8a99;font-size:10px;transition:background .2s,color .2s,border-color .2s}
.check-runner li i{font-size:11px}
.check-runner li.active{border-color:#b91c2b;background:#2a151a;color:#fff}
.check-runner li.complete{border-color:#166534;background:#10251a;color:#8ee6ac}
.report-category-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;padding:18px 24px;border-bottom:1px solid var(--check-line);background:#f8fafc}
.report-category-bar article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e3e8ef;border-radius:11px;background:#fff}
.report-category-bar article>div{display:grid;gap:3px}
.report-category-bar strong{font-size:12px}.report-category-bar small{color:#667085;font-size:9px}
.category-status{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;font-size:10px}
.category-status.is-clean{background:#dcfce7;color:#15803d}.category-status.has-warning{background:#fef3c7;color:#a16207}.category-status.has-error{background:#fee2e2;color:#b91c1c}
.check-group>h3{display:flex;align-items:center;justify-content:space-between}.check-group>h3 small{color:#667085;font-size:9px;font-weight:500}
.finding-table-head{display:grid;grid-template-columns:44px minmax(150px,220px) 1fr;gap:12px;padding:9px 16px;background:#fff;color:#98a2b3;font-size:9px;border-top:1px solid #eef1f4}
.check-finding{grid-template-columns:34px minmax(150px,220px) 1fr;align-items:start}
.check-finding>strong{padding-top:5px}.check-finding>div p{margin-top:2px}
.ssl-chain-panel{margin-top:26px;border:1px solid var(--check-line);border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(16,24,40,.07);overflow:hidden}
.ssl-chain-panel>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--check-line);background:linear-gradient(135deg,#121821,#202a36);color:#fff}
.ssl-chain-panel>header span{color:#ff6975;font:800 9px Arial;letter-spacing:1.3px}.ssl-chain-panel>header h2{margin:5px 0;font-size:20px}.ssl-chain-panel>header p{margin:0;color:#b8c1ce;font-size:11px}.ssl-chain-panel>header>b{padding:8px 12px;border:1px solid #435064;border-radius:999px;font-size:10px;white-space:nowrap}
.ssl-chain-flow{padding:28px}
.ssl-verdicts{display:grid;gap:9px;padding:24px 28px 4px;background:#fff}.ssl-verdicts article{display:flex;align-items:center;gap:11px;color:#27364a;font:500 12px/1.5 Arial}.ssl-verdicts article>i{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:50%;color:#fff;font-size:13px;box-shadow:0 4px 12px rgba(16,24,40,.14)}.ssl-verdicts .is-good>i{background:#36b84a}.ssl-verdicts .is-bad>i{background:#c1121f}.ssl-verdicts strong{color:#0969da}
.ssl-certificate-card{display:grid;grid-template-columns:126px 1fr;gap:26px;padding:22px;border:1px solid #dce3eb;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafc)}
.certificate-visual{display:grid;justify-items:center;align-content:center;padding:12px;border-right:1px solid #e5e9ef}
.certificate-sheet{position:relative;width:92px;min-height:112px;display:grid;justify-items:center;align-content:start;padding:10px 8px 13px;border:1px solid #aab4c2;border-radius:3px 17px 3px 3px;background:linear-gradient(145deg,#fff 0 69%,#edf1f5 70%);box-shadow:0 8px 14px rgba(16,24,40,.18);color:#263345}.certificate-sheet>b{font:800 12px Arial;text-transform:uppercase;letter-spacing:.6px}.certificate-sheet>i{margin-top:18px;color:#667085;font-size:45px;text-shadow:0 2px 2px #fff}.certificate-sheet>em{position:absolute;right:-9px;bottom:-8px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#36b84a;color:#fff;box-shadow:0 3px 8px rgba(16,24,40,.2);font-style:normal}.certificate-invalid .certificate-sheet>em{background:#c1121f}.certificate-sheet>em i{font-size:14px}
.ssl-certificate-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;direction:ltr;text-align:left}.ssl-certificate-card dl>div{min-width:0}.ssl-certificate-card dt{margin-bottom:2px;color:#667085;font:700 9px Arial;text-transform:uppercase;letter-spacing:.6px}.ssl-certificate-card dd{margin:0;color:#253044;font:500 12px/1.55 Arial;overflow-wrap:anywhere}.ssl-certificate-card dl>div:nth-child(2){grid-column:span 2}.certificate-mono{font-family:Consolas,monospace!important;font-size:10px!important}
.chain-connector{width:126px;height:62px;display:grid;justify-items:center;align-content:center;color:#36b84a}.chain-connector span{width:4px;height:24px;border-radius:9px;background:#75d56f}.chain-connector i{font-size:22px;animation:chain-flow 1.6s ease-in-out infinite}
.network-tool-catalog{padding:64px 0 70px;background:#fff}.network-tool-catalog .container{width:min(1120px,calc(100% - 32px));margin:auto}.tool-catalog-heading{max-width:760px;margin-bottom:28px}.tool-catalog-heading>span{color:var(--check-red);font:800 10px Arial;letter-spacing:1.7px}.tool-catalog-heading h2{margin:8px 0;font-size:clamp(25px,3vw,34px)}.tool-catalog-heading p{margin:0;color:#667085;line-height:1.8}.network-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.network-tool-card{position:relative;min-height:176px;display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #e0e6ed;border-radius:16px;background:#fff;color:#1d2939;box-shadow:0 8px 24px rgba(16,24,40,.05);transition:transform .2s,border-color .2s,box-shadow .2s}.network-tool-card:hover{transform:translateY(-3px);border-color:#e7a7ac;box-shadow:0 15px 34px rgba(16,24,40,.1)}.network-tool-card>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff0f1;color:var(--check-red);font-size:18px}.network-tool-card>span{margin:17px 0 6px;font:800 14px Arial}.network-tool-card>small{color:#667085;font:500 11px/1.55 Arial}.network-tool-card>b{position:absolute;top:18px;right:18px;padding:4px 7px;border-radius:999px;background:#eef2f6;color:#667085;font:800 8px Arial;letter-spacing:.7px}.network-tool-card.is-live>b{background:#dcfce7;color:#15803d}.network-tool-card.is-safe>b{background:#fff4e5;color:#9a5b00}
.speedometer{position:relative;width:min(440px,100%);margin:22px auto 0;direction:ltr}.speedometer svg{display:block;width:100%;overflow:visible}.gauge-base,.gauge-color{fill:none;stroke-width:20;stroke-linecap:round}.gauge-base{stroke:#dfe5ec}.gauge-color{stroke:url(#speed-gradient)}.gauge-ticks text{fill:#778195;font:10px Arial}.speedometer line{stroke:#182230;stroke-width:5;stroke-linecap:round;transform:rotate(-120deg);transform-origin:170px 172px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.speedometer circle{fill:#182230;stroke:#fff;stroke-width:4}.gauge-readout{position:absolute;left:50%;bottom:6px;display:grid;justify-items:center;transform:translateX(-50%)}.gauge-readout strong{font:800 34px Arial;color:#17202c}.gauge-readout span{font:700 10px Arial;color:#667085}.gauge-readout small{margin-top:5px;color:#c1121f;font:800 9px Arial;letter-spacing:1.2px}.speed-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.speed-controls>button{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:#c1121f;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(193,18,31,.24)}.speed-controls>button:disabled{opacity:.6;cursor:wait}.speed-controls p{margin:0;color:#667085;font-size:11px}
@keyframes runner-spin{to{transform:rotate(360deg)}}@keyframes chain-flow{50%{transform:translateY(5px)}}
@media(max-width:980px){.network-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.check-runner ol{grid-template-columns:1fr 1fr}.finding-table-head{display:none}.check-finding{grid-template-columns:32px 1fr}.check-finding>div{grid-column:2}.ssl-chain-panel>header{align-items:flex-start;flex-direction:column}.ssl-verdicts{padding:18px 16px 2px}.ssl-chain-flow{padding:14px}.ssl-certificate-card{grid-template-columns:1fr;gap:16px}.certificate-visual{border-right:0;border-bottom:1px solid #e5e9ef}.chain-connector{width:100%}.ssl-certificate-card dl{grid-template-columns:1fr}.ssl-certificate-card dl>div:nth-child(2){grid-column:auto}.network-tool-grid{grid-template-columns:1fr}.network-tool-card{min-height:154px}.speed-controls{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.runner-pulse,.chain-connector i{animation:none}.runner-track>span,.speedometer line{transition:none}}
