:root{--bg:#f7f5fb;--white:#fff;--ink:#101415;--pink:#F6507C;--muted:#6c707b;--line:#e2e1e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bpv3{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bpv3 input,.bpv3 button,.bpv3 select{font:inherit}
.bpv3 a{color:inherit}
.bpv3 button{cursor:pointer}
.bpv3 :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.bpv3 .hidden{display:none!important}
.bpv3 .bp-mark{width:100%;height:100%;display:block;color:var(--ink)}
.bpv3 .bp-splash{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;pointer-events:none;animation:bp-splash-away .8s ease-out forwards}
.bpv3 .bp-splash .bp-mark{width:73px;height:52px;color:#c6c5cd}
@keyframes bp-splash-away{0%,38%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.bpv3 .header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 clamp(20px,4vw,64px);background:#fff;border-bottom:1px solid #edecf1;position:relative;z-index:20}
.bpv3 .header-left{justify-self:start}
.bpv3 .header-logo{display:block;width:80px;height:55px;justify-self:center}
.bpv3 .header-right{justify-self:end;display:flex;gap:27px;align-items:center;min-width:0}
.bpv3 .header-right a,.bpv3 #accountBtn{border:0;background:none;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;padding:8px 0;max-width:175px;overflow:hidden;text-overflow:ellipsis}
.bpv3 .menu-button{border:0;background:none;padding:12px 0;display:flex;gap:11px;align-items:center;color:var(--ink);font-size:12px;font-weight:650}
.bpv3 .menu-button svg{width:26px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.bpv3 .workspace{min-height:670px;padding:clamp(38px,5vw,84px) 20px clamp(74px,8vw,120px);display:flex;flex-direction:column;align-items:center}
.bpv3 .eyebrow{font-size:11px;letter-spacing:.11em;color:var(--muted);font-weight:700;text-align:center;margin:0 0 26px}
.bpv3 .checker-card{width:min(100%,660px);background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(27px,4vw,54px);box-shadow:0 12px 34px rgba(16,20,21,.045)}
.bpv3 .checker-card h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.047em;line-height:1.09;font-weight:690;margin:0 0 12px}
.bpv3 .intro{font-size:15px;line-height:1.55;color:#555a64;margin:0 0 34px;max-width:430px}
.bpv3 .field-label{display:block;font-size:12px;font-weight:680;margin:0 0 12px}
.bpv3 .url-field{display:flex;gap:13px;align-items:center;min-height:57px;background:#fff;border:1px solid #ced0da;border-radius:10px;padding:0 16px;transition:border-color .2s,box-shadow .2s}
.bpv3 .url-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(16,20,21,.055)}
.bpv3 .url-field svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#777d86;stroke-width:1.7}
.bpv3 #url{height:56px;min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:14px;color:var(--ink)}
.bpv3 #url::placeholder{color:#8e929e}
.bpv3 .expectation-wrap{margin-top:22px}
.bpv3 #expectation{height:50px;width:100%;padding:0 13px;border:1px solid #ced0da;border-radius:10px;background:#fff;color:var(--ink);font-size:13px}
.bpv3 .run{width:100%;min-height:55px;margin-top:18px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:650;font-size:15px;display:flex;justify-content:center;align-items:center;text-align:center;transition:background .2s}
.bpv3 .run:hover{background:#303538}
.bpv3 .run:disabled{opacity:.58;cursor:wait}
.bpv3 .micro{font-size:11px;color:var(--muted);line-height:1.5;text-align:center;margin:15px 0 0}
.bpv3 .free-status{display:none}
.bpv3 .value-note{font-size:14px;line-height:1.55;text-align:center;margin:41px 0 0;color:#535962;max-width:590px}
.bpv3 .value-note b{color:var(--ink)}
.bpv3 .loading{display:flex;align-items:center;gap:14px;padding:15px 8px 0}
.bpv3 .loader-orbit{flex:0 0 37px;width:37px;height:36px;display:grid;place-items:center;animation:bp-pulse 1.4s ease-in-out infinite}
.bpv3 .loader-orbit .bp-mark{width:36px;height:27px}
.bpv3 .loading strong{font-size:13px;font-weight:650}
.bpv3 .loading p{margin:4px 0 0;color:var(--muted);font-size:11px}
@keyframes bp-pulse{0%,100%{opacity:.3;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.bpv3 .result{width:min(100%,660px);margin:24px 0 0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:clamp(22px,3vw,36px);line-height:1.45}
.bpv3 .result h2{font-size:clamp(22px,3vw,31px);line-height:1.17;letter-spacing:-.03em;overflow-wrap:anywhere;margin:17px 0}
.bpv3 .result .badge{display:inline-block;background:#f0eef5;border-radius:6px;font-size:12px;font-weight:700;padding:8px 11px}
.bpv3 .result .badge.PASS{background:#e0eee1}.bpv3 .result .badge.BROKEN,.bpv3 .result .badge.FAIL{background:#f8d9e3}.bpv3 .result .badge.INCONCLUSIVE,.bpv3 .result .badge.WARN{background:#fbefd5}
.bpv3 .result .plain,.bpv3 .result .fix{font-size:13px;border-top:1px solid var(--line);padding-top:16px;margin:16px 0}
.bpv3 .result .fix{background:#f8f8fb;border:1px solid var(--line);border-radius:10px;padding:18px}
.bpv3 .result .hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.bpv3 .result .btn{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;padding:12px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;font-weight:650;cursor:pointer}
.bpv3 .result .btn.ghost{background:#fff;color:var(--ink)}
.bpv3 .result .mono{font:12px ui-monospace,Menlo,monospace;overflow-wrap:anywhere}
.bpv3 .result details{font-size:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.bpv3 .result summary{cursor:pointer;font-weight:700}
.bpv3 .result .row{padding:12px 0;border-bottom:1px solid var(--line)}
.bpv3 .details-section{padding:70px 24px 82px;background:#fff;border-top:1px solid var(--line)}
.bpv3 .details-inner{width:min(100%,980px);margin:0 auto}
.bpv3 .details-heading{font-size:clamp(27px,3.5vw,36px);font-weight:660;letter-spacing:-.035em;line-height:1.2;margin:0 0 40px}
.bpv3 .details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.bpv3 .details-grid article{border-top:1px solid #cbd0d8;padding-top:21px}
.bpv3 .details-grid h2{font-size:17px;letter-spacing:-.02em;font-weight:670;margin:0 0 12px}
.bpv3 .details-grid p{color:#575c64;font-size:13px;line-height:1.68;margin:0}
.bpv3 .details-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:27px;padding-top:27px;margin-top:60px}
.bpv3 .details-bottom p{font-size:13px;line-height:1.6;color:#535961;margin:0;max-width:540px}
.bpv3 .subtle-link{font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}
.bpv3 .site-footer{padding:28px clamp(20px,4vw,64px) 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6;color:#656a74}
.bpv3 .site-footer a{margin:0 0 0 17px;text-decoration:none}
.bpv3 .site-footer a:hover,.bpv3 .subtle-link:hover{text-decoration:underline}
.bpv3 .menu-overlay{position:fixed;inset:0;z-index:60;background:rgba(16,20,21,.35);display:flex;justify-content:flex-start;opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}
.bpv3 .menu-overlay.open{opacity:1;visibility:visible}
.bpv3 .menu-sheet{width:min(420px,90vw);height:100%;overflow-y:auto;background:#fff;padding:28px 32px;box-shadow:15px 0 60px rgba(0,0,0,.1);transform:translateX(-30px);transition:transform .24s}
.bpv3 .menu-overlay.open .menu-sheet{transform:translateX(0)}
.bpv3 .menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}
.bpv3 .menu-top .bp-mark{width:72px;height:50px}
.bpv3 .menu-close{background:none;border:0;padding:8px;width:44px;height:44px;color:var(--ink)}
.bpv3 .menu-close svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7}
.bpv3 .menu-primary{display:flex;flex-direction:column}
.bpv3 .menu-primary a{font-size:clamp(18px,3.5vw,24px);font-weight:630;letter-spacing:-.025em;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.bpv3 .menu-primary a:hover{color:var(--pink)}
.bpv3 .menu-small{margin-top:35px;display:flex;flex-wrap:wrap;gap:16px 21px;font-size:12px;color:#686d75}
.bpv3 .menu-small a{text-decoration:none}
@media(max-width:760px){.bpv3 .header{height:68px;padding:0 20px}.bpv3 .header-logo{width:70px;height:48px}.bpv3 .header-right a{display:none}.bpv3 #accountBtn{max-width:90px;font-size:12px}.bpv3 .menu-button{font-size:0}.bpv3 .menu-button svg{width:26px}.bpv3 .workspace{min-height:0;padding:33px 17px 62px}.bpv3 .eyebrow{font-size:10px;margin-bottom:23px}.bpv3 .checker-card{padding:29px 22px 27px;border-radius:19px}.bpv3 .checker-card h1{font-size:clamp(29px,7.65vw,38px)}.bpv3 .intro{font-size:14px;margin-bottom:28px}.bpv3 .value-note{font-size:13px;margin-top:34px;max-width:335px}.bpv3 .details-section{padding:54px 24px 66px}.bpv3 .details-heading{font-size:28px;margin-bottom:30px}.bpv3 .details-grid{grid-template-columns:1fr;gap:24px}.bpv3 .details-bottom{margin-top:42px;align-items:start;flex-direction:column;gap:18px}.bpv3 .site-footer{padding:27px 24px 40px}.bpv3 .site-footer a{margin:0 13px 0 0}}
@media(max-width:370px){.bpv3 .checker-card{padding:26px 17px 23px}.bpv3 .checker-card h1{font-size:28px}.bpv3 .url-field{padding:0 11px}.bpv3 #url{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bpv3 .bp-splash{animation:bp-splash-away .01s forwards}.bpv3 .loader-orbit{animation:none}.bpv3 .menu-overlay,.bpv3 .menu-sheet{transition:none}}