.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cp-card{color:#fff;background:linear-gradient(158deg,#ffffff0b,#0000 58%),#070707;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-height:340px;padding:20px;text-decoration:none;transition:border-color .22s,background-color .22s,transform .22s;display:flex;position:relative}.cp-card:before,.cp-card:after{content:"";opacity:0;pointer-events:none;border-top:1px solid #ffffff57;border-left:1px solid #ffffff57;width:9px;height:9px;transition:opacity .22s;position:absolute}.cp-card:before{top:9px;left:9px}.cp-card:after{bottom:9px;right:9px;transform:rotate(180deg)}.cp-card:hover{background:linear-gradient(158deg,#ffffff12,#0000 58%),#0a0a0a;border-color:#ffffff42;transform:translateY(-4px)}.cp-card:hover:before,.cp-card:hover:after{opacity:1}.cp-card:focus-visible{border-color:#e2e8f08c;outline:none;box-shadow:0 0 0 1px #e2e8f059}.cp-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cp-index{font-family:var(--hp-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffffff94;font-size:10px;font-weight:500}.cp-tag{font-family:var(--hp-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.1em;text-transform:uppercase;color:#ffffff8a;white-space:nowrap;font-size:9.5px;font-weight:500}.cp-plot{background-image:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 26px);border-bottom:1px solid #ffffff14;height:104px;margin:18px 0 20px;position:relative}.cp-plot svg{width:100%;height:100%;display:block;overflow:visible}.cp-area{fill:#ffffff0a;stroke:none}.cp-line{fill:none;stroke:#ffffffc7;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.cp-card:hover .cp-line{animation:1.1s cubic-bezier(.3,.7,.2,1) both cp-draw}@keyframes cp-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}.cp-title{letter-spacing:-.028em;color:#fff;margin:0;font-size:21px;font-weight:500;line-height:1.15}.cp-body{color:#ffffff8f;margin:10px 0 0;font-size:14.5px;line-height:1.55}.cp-foot{font-family:var(--hp-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffffff85;align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:9.5px;font-weight:600;transition:color .2s,gap .2s;display:flex}.cp-card:hover .cp-foot{color:#fff;gap:10px}.cp-foot svg{width:13px;height:13px}.plates-main{max-width:1368px!important}.cp-section{margin-top:48px}.cp-section:first-of-type{margin-top:0}.cp-section-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.cp-section-title{font-family:var(--hp-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.3em;text-transform:uppercase;color:#ffffffb8;margin:0;font-size:11px;font-weight:700}.cp-section-count{font-family:var(--hp-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#ffffff80;font-size:11px}@media (max-width:1100px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.cp-grid{grid-template-columns:1fr;gap:14px}.cp-card{min-height:0;padding:18px}.cp-plot{height:88px;margin:14px 0 16px}.cp-title{font-size:19px}.cp-card:hover{transform:none}.cp-card:hover .cp-line{animation:none}}@media (prefers-reduced-motion:reduce){.cp-card,.cp-card:before,.cp-card:after,.cp-foot{transition:none}.cp-card:hover{transform:none}.cp-card:hover .cp-line{animation:none}}