/* 1.21 · Clear ID cards */
.cid{padding:96px 0;background:#f8f9fa;color:#4b5563}
.cid-head{max-width:760px;margin-bottom:40px}
.cid h2{font-size:clamp(30px,3vw,40px);font-weight:700;color:#111827;line-height:1.2;margin:8px 0 16px}
.cid h2 span{color:#2c5c8c}
.cid-lede{font-size:17px;line-height:1.65}
.cid-g{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.cid-demo{background:#0d1e36;border:1px solid #1e4068;border-radius:8px;padding:22px}
.cid-ctl{display:inline-flex;gap:4px;padding:4px;border-radius:8px;background:#152d50;margin:0 8px 10px 0}
.cid-ctl button{border:0;background:none;color:#d1d5db;font:600 13px Inter,Arial,sans-serif;padding:8px 12px;border-radius:6px;cursor:pointer}
.cid-ctl button.on{background:#d4a843;color:#0d1e36}
.cid-stage{position:relative;height:300px;border-radius:8px;overflow:hidden;margin:6px 0 16px;perspective:1100px;display:grid;place-items:center}
.cid-bg{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#e5e7eb 0 14px,#d1d5db 14px 28px);transition:filter .4s}
.cid-bg span{position:absolute;left:50%;top:9%;transform:translateX(-50%);font:700 15px Inter,Arial,sans-serif;color:#2c5c8c;opacity:.55;white-space:nowrap}
.cid-card{position:relative;width:min(340px,82%);aspect-ratio:340/214;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1)}
.cid-card[data-side="back"]{transform:rotateY(180deg)}
.cid-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cid-back{transform:rotateY(180deg)}
.cid-svg{width:100%;height:100%;display:block;overflow:visible}
.cid-body{fill:rgba(255,255,255,.18);stroke:rgba(13,30,54,.35);stroke-width:1.5}
.cid-coat{fill:#07101f;opacity:0;transition:opacity .45s}
.cid-chip{fill:#d4a843;opacity:.9}.cid-chipl{stroke:#8f6d1f;stroke-width:1;fill:none}
.cid-t1{font:700 22px Inter,Arial,sans-serif;fill:#0d1e36}.cid-t2{font:600 17px ui-monospace,Menlo,monospace;fill:#0d1e36;letter-spacing:.08em}.cid-t3{font:600 11px Inter,Arial,sans-serif;fill:#0d1e36;letter-spacing:.06em}
.cid-holo{fill:none;stroke:#2c5c8c;stroke-width:3;opacity:.6}.cid-holo2{fill:none;stroke:#d4a843;stroke-width:3;opacity:.7}
.cid-mag{fill:#4b5563;opacity:.85}.cid-sig{fill:rgba(255,255,255,.5);stroke:rgba(13,30,54,.3)}.cid-sign{fill:none;stroke:#2c5c8c;stroke-width:2}
/* infrared viewer: the world turns grey-green, the genuine card's coating goes dark */
.cid-demo.ir .cid-bg{filter:grayscale(1) brightness(.75) sepia(.35) hue-rotate(50deg)}
.cid-demo.ir .cid-bg span{opacity:.25}
.cid-demo.ir.real .cid-coat{opacity:.92}
.cid-demo.ir .cid-t1,.cid-demo.ir .cid-t2,.cid-demo.ir .cid-t3{fill:#6b7280}
.cid-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cid-verdict{margin:0!important;font:600 14px Inter,Arial,sans-serif;color:#d1d5db}
.cid-verdict.ok{color:#e0be6a}.cid-verdict.bad{color:#f0a48f}
.cid-pts{list-style:none;margin:0 0 24px;padding:0}
.cid-pts li{padding:14px 0;border-top:1px solid #e5e7eb}
.cid-pts b{display:block;color:#111827;font-size:16.5px;margin-bottom:3px}.cid-pts span{font-size:15px;line-height:1.55}
.cid-vid{margin:0;border-radius:8px;overflow:hidden;background:#0d1e36;border:1px solid #1e4068}
.cid-vid video{display:block;width:100%;aspect-ratio:16/9;background:#07101f}
.cid-vid figcaption{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cid-vid b{color:#fff;font-size:14px}.cid-vid span{color:#9ca3af;font-size:13px}
.cid-pat{margin-top:14px!important;font-size:13px;color:#6b7280}.cid-pat a{color:#2c5c8c;font-weight:600}
@media(max-width:960px){.cid-g{grid-template-columns:1fr;gap:32px}.cid-stage{height:240px}}
@media(prefers-reduced-motion:reduce){.cid-card{transition:none}}