/* FIXCHECK / NETWORK INTELLIGENCE STUDIO · PJBUILTS 2026 */
:root{color-scheme:light;--ink:#101d28;--ink2:#273843;--muted:#647380;--line:#dce3e5;--bg:#f1f5f3;--card:#fff;--navy:#101f2a;--teal:#087e81;--aqua:#25aeb4;--lime:#ccf2ae;--warn:#a86b24;--red:#b74c45;--shadow:0 20px 60px rgba(23,48,50,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65c5b9;outline-offset:3px}
.wrap{width:min(1220px,calc(100% - 44px));margin:auto}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.mark{display:grid;place-items:center;height:39px;width:39px;flex:none;border-radius:11px;background:var(--navy);color:var(--lime);font-size:16px;font-weight:900;letter-spacing:-.08em}
.brand b{display:block;font-size:19px;letter-spacing:-.065em;font-weight:860;line-height:1}
.brand small{display:block;font-size:10px;font-weight:750;letter-spacing:.11em;color:#7a8790;margin-top:4px}
.navright{display:flex;align-items:center;gap:16px}
.navright a{font-size:12px;color:#53636b;font-weight:750}
.navright a:hover{color:var(--teal)}
.version{font-size:10px;letter-spacing:.07em;color:#47736e;border:1px solid #cce0d9;background:#eef9f2;border-radius:100px;padding:8px 10px;font-weight:850}
.mast{position:relative;isolation:isolate;overflow:hidden;background:#12242e;color:#fff;padding:50px 0 49px}
.mast:before{content:"";position:absolute;top:-130px;right:-145px;height:520px;width:520px;border:1px solid rgba(199,241,219,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(206,245,216,.025),0 0 0 155px rgba(206,245,216,.013);z-index:-1}
.mast-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);align-items:center;gap:32px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#bdeacc;font-size:11px;font-weight:840;letter-spacing:.17em;text-transform:uppercase}
.eyebrow:before{content:"";height:2px;width:22px;background:#bdeacc}
.mast h1{font-size:clamp(43px,6.8vw,79px);line-height:.98;letter-spacing:-.072em;margin:21px 0 19px;font-weight:860;max-width:800px}
.mast h1 em{font-style:normal;color:#cbefb8}
.mast p{font-size:15px;line-height:1.78;color:#afc4cc;max-width:650px;margin:0}
.trustpoints{display:flex;flex-wrap:wrap;gap:13px 23px;margin-top:23px}
.trustpoints span{font-size:11px;font-weight:780;color:#e0eeec;display:inline-flex;align-items:center;gap:7px}
.trustpoints span:before{content:"✓";color:#ccf2ae;font-weight:900}
.signal-art{display:grid;gap:13px;background:rgba(255,255,255,.044);border:1px solid rgba(204,242,174,.14);border-radius:20px;padding:24px;position:relative;box-shadow:0 25px 65px rgba(0,0,0,.12)}
.art-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94afb6;font-size:9px;letter-spacing:.12em;font-weight:850}
.art-top span:last-child{color:#caf1b5}
.art-symbol{display:flex;align-items:center;justify-content:center;position:relative;height:108px}
.art-symbol i{height:6px;width:6px;border-radius:50%;position:absolute;background:#bef0ca;box-shadow:0 0 20px #b0ffe196}
.art-symbol i:nth-child(1){top:22px;left:19%}.art-symbol i:nth-child(2){top:55px;left:38%}.art-symbol i:nth-child(3){top:26px;left:62%}.art-symbol i:nth-child(4){top:66px;right:13%}
.art-symbol svg{width:100%;max-width:280px;height:98px;overflow:visible}
.art-path{fill:none;stroke:#578c91;stroke-width:1.9;stroke-dasharray:5 6}
.art-travel{fill:none;stroke:#c7efb9;stroke-width:2.7;stroke-dasharray:300;stroke-dashoffset:300;animation:travel 4.5s ease-in-out infinite}
@keyframes travel{0%,15%{stroke-dashoffset:300}75%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-40}}
.art-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.art-bottom span{border-radius:7px;background:#ffffff08;border:1px solid #ffffff13;padding:9px 6px;text-align:center;font-size:9px;color:#c2d4d7;font-weight:750}
.art-bottom b{display:block;font-size:12px;color:#dcf2e6;margin-bottom:4px}
.site-body{padding:30px 0 70px}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.summary article{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;min-width:0}
.summary span{display:block;color:#75838d;font-size:10px;letter-spacing:.075em;font-weight:850}
.summary strong{display:block;font-size:17px;letter-spacing:-.03em;line-height:1.25;margin-top:8px;overflow-wrap:anywhere}
.summary small{display:block;color:#83909a;font-size:10px;margin-top:6px}
.layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}
.sidebar{display:grid;gap:16px}
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 22px 0}
.panel-head h2{font-size:19px;margin:0;letter-spacing:-.046em;font-weight:835}
.panel-head .tiny{color:#71828a;font-size:10px;font-weight:850;letter-spacing:.09em}
.panel-body{padding:20px 22px 22px}
.label{display:block;font-size:11px;font-weight:850;letter-spacing:.025em;color:#445663;margin:0 0 8px}
.field{width:100%;background:#f7f9f8;color:#192733;border:1px solid #d6dfe1;border-radius:10px;padding:14px 13px;min-height:50px;outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s}
.field:focus{border-color:#4cb2a6;box-shadow:0 0 0 3px #b8e9da55}
.example{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 23px}
.example button{color:#4e6870;font-size:10px;font-weight:790;border-radius:7px;border:1px solid #d9e4e3;background:#f2f6f5;padding:8px 9px}
.example button:hover{background:#e9f6f0;border-color:#b0ddd5}
.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:20px}
.mode{border:1px solid #dbe3e3;border-radius:10px;background:#f7f9f8;min-height:61px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left}
.mode b{font-size:12px;letter-spacing:-.018em}.mode span{font-size:10px;color:#7c8a92}
.mode.active{background:#e8f7ed;border-color:#92d6b9;box-shadow:inset 0 0 0 1px #92d6b9}
.mode.active b{color:#17665f}.mode.active span{color:#557c70}
.primary{width:100%;min-height:52px;border-radius:10px;background:#132c31;color:white;border:1px solid #132c31;font-size:13px;font-weight:850;letter-spacing:.035em;display:flex;align-items:center;justify-content:center;gap:10px}
.primary:hover:not(:disabled){background:#1c4546}
.primary svg{width:17px;height:17px}
.subtle{border:1px solid #d4dfdf;background:#f6faf8;color:#23545a;border-radius:9px;padding:10px 11px;font-size:11px;font-weight:790}
.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.note{font-size:11px;color:#788891;line-height:1.65;margin:13px 0 0}
.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce6e5;color:#57706c;background:#f1f7f5;border-radius:100px;padding:7px 10px;font-size:10px;font-weight:840;white-space:nowrap}
.status-pill i{width:6px;height:6px;background:#8fb8a5;border-radius:50%}
.status-pill.running i{background:#30a28a;box-shadow:0 0 0 3px #d7f2e2;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.4}}
.progress{height:4px;background:#e4ebeb;border-radius:100px;overflow:hidden;margin:15px 22px 0}
.progress>span{display:block;width:0%;height:100%;background:#18928e;border-radius:100px;transition:width .2s}
.progress.hidden{display:none}
.results{display:grid;gap:16px}
.verdict{padding:25px 24px;background:linear-gradient(142deg,#16323a,#10272e);color:#f5fffd;min-height:168px}
.verdict .overline{font-size:10px;color:#a6c7ca;letter-spacing:.14em;font-weight:850}
.verdict h2{margin:12px 0 9px;font-size:clamp(24px,3.2vw,36px);letter-spacing:-.058em;line-height:1.12}
.verdict p{font-size:12px;color:#c0d4d4;line-height:1.7;max-width:70ch;margin:0}
.verdict[data-kind="warning"]{background:linear-gradient(142deg,#513d25,#2f2c28)}
.verdict[data-kind="problem"]{background:linear-gradient(142deg,#583331,#322428)}
.verdict[data-kind="success"]{background:linear-gradient(142deg,#134b43,#14332f)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px 21px}
.metric{background:#f6f9f8;border:1px solid #e3eae9;border-radius:9px;padding:12px 10px;min-width:0}
.metric small{display:block;font-size:10px;color:#7c8d94;line-height:1.3}
.metric b{font-size:19px;letter-spacing:-.04em;display:block;margin-top:6px}
.metric em{font-style:normal;font-size:10px;color:#84939c;font-weight:650}
.test-list{padding:15px 22px 22px;display:grid;gap:8px}
.test{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #e3e8e8;background:#fbfcfb;border-radius:10px;padding:12px;min-width:0}
.test-icon{display:grid;place-items:center;background:#eef2f2;border-radius:9px;width:36px;height:36px;font-size:14px;color:#69838a}
.test h3{font-size:12px;margin:0 0 4px;line-height:1.25;letter-spacing:-.014em}
.test p{font-size:10px;color:#74858e;margin:0;line-height:1.45;overflow-wrap:anywhere}
.test-state{font-size:9px;text-transform:uppercase;letter-spacing:.02em;font-weight:850;color:#6d7e87;white-space:nowrap}
.test[data-state="pass"] .test-icon{color:#187a60;background:#e4f6e9}
.test[data-state="pass"] .test-state{color:#167e62}
.test[data-state="fail"] .test-icon{color:#ba4b4b;background:#fff0ed}
.test[data-state="fail"] .test-state{color:#b9504a}
.test[data-state="warn"] .test-icon{color:#ba8739;background:#fff6e3}
.test[data-state="warn"] .test-state{color:#ac7930}
.recommend{padding:0 22px 22px}
.recommend h3{font-size:13px;margin:0 0 11px;letter-spacing:-.02em}
.recommend ol{margin:0;padding-left:20px;display:grid;gap:8px}
.recommend li{color:#566872;font-size:12px;line-height:1.6}
.tabstrip{display:flex;gap:6px;padding:0 22px 14px;flex-wrap:wrap}
.tabstrip button{border:1px solid #dae4e2;background:#f7f9f7;border-radius:7px;color:#51656b;font-size:10px;font-weight:800;padding:9px 11px}
.tabstrip button.active{background:#18363a;color:white;border-color:#18363a}
.tabpage{padding:0 22px 22px}
.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.detail{padding:12px;background:#f6f9f8;border:1px solid #e5eaea;border-radius:9px;min-width:0}
.detail span{display:block;color:#7c8c96;font-size:10px;font-weight:760}
.detail b{display:block;margin-top:6px;color:#253943;font-size:12px;overflow-wrap:anywhere;line-height:1.45}
.history{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.history li{display:flex;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px solid #e5ebeb;padding:0 0 9px}
.history li:last-child{border-bottom:0}
.history strong{display:block;font-size:11px;overflow-wrap:anywhere}
.history span{display:block;font-size:10px;color:#84929b;margin-top:4px}
.history em{font:800 10px/1.4 inherit;color:#187d67;white-space:nowrap;font-style:normal}
.history em.warn{color:#b0772d}
.empty{font-size:12px;color:#81919a;line-height:1.6}
.help{padding:0 22px 22px}
.help details{border-top:1px solid #e2e8e8;padding:13px 0}
.help summary{cursor:pointer;color:#32464f;font-size:12px;font-weight:820}
.help p{font-size:11px;color:#667781;line-height:1.7;margin:8px 0 0}
.footer{font-size:11px;color:#70818a;text-align:center;padding:40px 0 3px}
.footer b{color:#35484c}
.hidden{display:none!important}
@media(max-width:990px){.mast-grid{grid-template-columns:1fr}.signal-art{display:none}.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{min-height:66px}}
@media(max-width:680px){
 .wrap{width:calc(100% - 28px)}.nav{min-height:66px}.navright a{display:none}.version{padding:7px 9px;font-size:9px}
 .mast{padding:39px 0 37px}.mast h1{font-size:clamp(41px,11vw,65px)}.mast p{font-size:13px}
 .site-body{padding:16px 0 45px}.summary{gap:8px;margin-bottom:12px}.summary article{padding:12px}.summary strong{font-size:14px}.summary span{font-size:9px}.summary small{font-size:9px}
 .sidebar{grid-template-columns:1fr;gap:12px}.layout,.results{gap:12px}
 .panel-head{padding:18px 17px 0}.panel-body{padding:18px 17px}
 .test-list{padding:13px 15px 18px}.test{grid-template-columns:33px minmax(0,1fr) auto;gap:7px;padding:9px}
 .test-icon{height:31px;width:31px;font-size:12px}.test h3{font-size:11px}.test p{font-size:9.5px}.test-state{font-size:8px}
 .metrics,.tabstrip{padding-left:15px;padding-right:15px}
 .metric{padding:9px}.metric b{font-size:17px}.metric small{font-size:9px}
 .tabpage,.recommend,.help{padding-left:15px;padding-right:15px}
 .verdict{padding:20px 18px;min-height:155px}.verdict h2{font-size:27px}
 .detailgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:350px){.brand small{font-size:9px}.brand b{font-size:16px}.version{display:none}.modes{grid-template-columns:1fr 1fr}.metric b{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.art-travel{stroke-dashoffset:0!important}}

/* Bind every verdict to the precise scanned domain; never hide scan provenance. */
.scan-target{
 display:inline-flex;max-width:100%;margin-top:15px;padding:8px 11px;
 border:1px solid rgba(196,232,218,.34);border-radius:7px;
 background:rgba(210,247,222,.075);color:#d6ecda;font-size:11px;
 font-weight:790;letter-spacing:.015em;overflow-wrap:anywhere;
 line-height:1.5;white-space:normal;
}
.verdict[data-kind="idle"] .scan-target{color:#d4e9ea}
@media(max-width:680px){.scan-target{font-size:10px;padding:7px 9px;display:block}}