:root{--font-display: "Chakra Petch", "Instrument Sans", system-ui, sans-serif;--green: #4FE38A;--surface-3: #1F252D}.cert-page{max-width:760px;margin:0 auto;padding:56px 32px 24px}.cert{position:relative;overflow:hidden;border:1px solid var(--line-subtle);border-radius:var(--r-lg);background:var(--surface-1);padding:40px 40px 34px}.cert:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%)}.cert>*{position:relative}.cert .kicker{display:inline-flex;align-items:center;gap:10px}.cert .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px 1px var(--amber);flex:none}.cert h1{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(26px,4.4vw,38px);line-height:1.08;letter-spacing:-.02em;color:var(--ink-1);margin:16px 0 0}.cert h1 .t-cert{color:var(--amber)}.cert-rule{width:56px;height:2px;background:var(--amber);margin:22px 0 24px}.cert-given{margin:0;font-size:15.5px;color:var(--ink-3)}.cert-company{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--ink-1);margin:6px 0 10px;overflow-wrap:anywhere;text-wrap:balance}.cert-place,.cert-person{margin:0;font-size:16.5px;color:var(--ink-2)}.cert-person b{color:var(--ink-1);font-weight:500}.cert-chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.hud{display:inline-flex;align-items:center;gap:.6em;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-strong);font-family:var(--font-mono);font-weight:500;font-size:11.5px;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap}.hud b{font-weight:600;color:var(--ink-1)}.hud.num{border-color:var(--amber-dim)}.hud.num b{color:var(--amber-bright)}.hud.status-valid b{color:var(--green)}.hud.status-revoked{border-color:var(--red-dim)}.hud.status-revoked b{color:var(--red)}.hud.status-renewed b{color:var(--ink-2)}.cert-what{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line-faint);font-size:16.5px;line-height:1.7;color:var(--ink-2)}.cert-what strong{color:var(--ink-1);font-weight:600}.cert-contact{margin:24px 0 0;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:8px 22px}.cert-contact a{color:var(--ink-2)}.cert-contact a:hover{color:var(--ink-1)}.cert-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.cert-crumbs a{color:var(--ink-2)}.cert-crumbs a:hover{color:var(--ink-1)}.cert-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.cert-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.cert-badge.ok{color:var(--green);border-color:#4fe38a59;background:#4fe38a12}.cert-badge.bad{color:var(--red);border-color:var(--red-dim);background:var(--red-wash)}.cert-badge-icon{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ink-3)}.cert-badge.ok .cert-badge-icon{background:var(--green);box-shadow:0 0 10px -2px #4fe38a99}.cert-badge.bad .cert-badge-icon{background:var(--red)}.cert-badge-icon svg{width:10px;height:10px}.cert-badge-icon path{fill:none;stroke:#06120b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cert-note{margin:22px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}.cert-note strong{color:var(--ink-1);font-weight:600}.cert-note.revoked strong{color:var(--red)}.cert-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:0 0 14px}.pn-section .cert-head h2{margin:0}.cert-dl{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color var(--m-base) var(--ease-out),border-color var(--m-base) var(--ease-out)}.cert-dl:hover{color:var(--ink-1);border-color:var(--ink-3)}.cert-dl svg{width:13px;height:13px}.cert-dl path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cert-stages{list-style:none;counter-reset:step;margin:4px 0 0;padding:0;display:grid;gap:10px}.cert-stages li{counter-increment:step;display:grid;grid-template-columns:auto 1fr auto;gap:10px 16px;align-items:center;padding:18px 20px;background:var(--surface-1);border:1px solid var(--line-subtle);border-radius:var(--r-md)}.cert-stages li:before{content:counter(step,decimal-leading-zero);align-self:start;padding-top:3px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--amber)}.cert-stages b{display:block;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.3;color:var(--ink-1)}.pn-section .cert-stages p{margin:3px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}.cert-stages .hud{justify-self:end}.cert-stages .hud b{font-family:var(--font-mono);font-size:11.5px;color:var(--green)}.cert-stages .hud svg{width:12px;height:12px}.cert-stages .hud path{fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cert-record{margin:4px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface-1);border:1px solid var(--line-subtle);border-radius:var(--r-lg);overflow:hidden}.cert-record>div{padding:14px 18px;border-bottom:1px solid var(--line-faint);margin-bottom:-1px}.cert-record>div:nth-child(odd){border-right:1px solid var(--line-faint)}.cert-record dt{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.cert-record dd{margin:4px 0 0;font-size:16px;line-height:1.4;color:var(--ink-1)}.cert-record dd.num{font-family:var(--font-mono);font-weight:600;letter-spacing:.04em;color:var(--amber-bright)}.cert-record dd.st-valid{color:var(--green);font-weight:600}.cert-record dd.st-revoked{color:var(--red);font-weight:600}.cert.cert-unknown h1{text-transform:none;font-size:clamp(24px,4vw,32px)}.cert.cert-unknown p:not(.cert-contact){font-size:16.5px;line-height:1.7;color:var(--ink-2);margin:16px 0 0}.pn-lede{margin:0;font-size:18px;line-height:1.6;color:var(--ink-2);max-width:600px}.pn-check{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line-faint)}.pn-check label{display:block;margin-bottom:10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}.pn-check-row{display:flex;gap:8px}.pn-check input{flex:1;min-width:0;height:46px;padding:0 16px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--line-strong);color:var(--ink-1);font-family:var(--font-mono);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.pn-check input::placeholder{color:var(--ink-4)}.pn-check input:focus{outline:none;border-color:var(--amber-dim);box-shadow:0 0 0 3px var(--amber-wash)}.pn-check button{flex:none;height:46px;padding:0 22px;border-radius:var(--r-pill);cursor:pointer;background:var(--amber);border:1px solid var(--amber);color:#1a1206;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background var(--m-base) var(--ease-out)}.pn-check button:hover{background:var(--amber-bright)}.pn-hint{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-3)}.pn-section{padding:0 8px;margin-top:48px}.pn-section+.pn-section{padding-top:40px;border-top:1px solid var(--line-faint)}.pn-section h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3.2vw,28px);line-height:1.15;letter-spacing:-.01em;color:var(--ink-1);margin:0 0 14px}.pn-section h3{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.25;color:var(--ink-1);margin:28px 0 12px}.pn-section p{margin:0 0 12px}.pn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pn-box{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--surface-1);border:1px solid var(--line-subtle);border-left:3px solid var(--amber);border-radius:var(--r-md)}.pn-box b{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.25;color:var(--ink-1)}.pn-box p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}.pn-steps{list-style:none;counter-reset:step;margin:4px 0 18px;padding:0;display:grid;gap:10px}.pn-steps li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;padding:20px 22px;background:var(--surface-1);border:1px solid var(--line-subtle);border-radius:var(--r-md)}.pn-steps li:before{content:counter(step,decimal-leading-zero);grid-row:span 2;padding-top:3px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--amber)}.pn-steps b{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.25;color:var(--ink-1)}.pn-section .pn-steps p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}.pn-foot{margin-top:48px;padding:0 8px}@media(max-width:620px){.cert-page{padding:32px 20px 16px}.cert{padding:28px 22px 24px}.cert-contact{flex-direction:column}.pn-section,.pn-foot{padding-left:0;padding-right:0}.pn-check button{padding:0 18px}.pn-grid{grid-template-columns:1fr}.pn-steps li{padding:18px;column-gap:12px}.cert-stages li{grid-template-columns:auto 1fr;padding:18px;column-gap:12px}.cert-stages .hud{grid-column:2;justify-self:start}.cert-record{grid-template-columns:1fr}.cert-record>div:nth-child(odd){border-right:0}}