.credential-journey{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0 12px;padding:24px 0;display:grid}.credential-journey li>span{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--brand);font:10px var(--font-mono);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.credential-journey strong{font-size:13px;display:block}.credential-journey p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}@media (max-width:760px){.credential-journey{gap:12px}}.credential-stage{perspective:1000px;padding:32px 0 8px}.credential-kicker{font:9px var(--font-mono);letter-spacing:.14em;color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.credential-preview{isolation:isolate;color:#f3eadd;background:#1b1a19;border:1px solid #655849;border-radius:16px;padding:28px;transition:transform .5s;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg)rotate(-2deg);box-shadow:3px 5px #51483f,4px 6px #a0917c,0 24px 35px #18110b15}.credential-preview:before{content:"";z-index:-1;background:linear-gradient(115deg,#0000 20%,#eecfa026 45%,#ffffff12 49%,#0000 70%) 100% 0/200% 100%;transition:background-position .7s;position:absolute;inset:0}.credential-top,.credential-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.credential-top>span:first-child{letter-spacing:-.04em;font-size:18px}.credential-top>span:last-child,.credential-bottom{font:8px var(--font-mono);letter-spacing:.1em;color:#d3bea5}.credential-body{justify-content:space-between;align-items:center;gap:16px;padding:32px 0;display:flex}.credential-body p{font:8px/1.8 var(--font-mono);letter-spacing:.1em;color:#b6a58f}.credential-body h2{letter-spacing:-.04em;margin-top:16px;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1}.credential-body em{color:#e6bd83;font-style:normal}.credential-seal{outline-offset:7px;color:#e6bd83;background:radial-gradient(circle,#dfbc8330,#0000);border:1px solid #d0ad76;border-radius:50%;outline:1px dashed #bd9e6d80;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:112px;height:112px;display:flex;transform:rotate(12deg)}.credential-seal span{font:6px var(--font-mono);letter-spacing:.1em}.credential-bottom{border-top:1px solid #ffffff20;padding-top:16px;font-size:7px}.credential-caption{text-align:center;color:var(--muted);max-width:350px;margin:24px auto 0;font-size:11px;line-height:1.6}@media (prefers-reduced-motion:no-preference){.credential-preview:before{animation:1.4s ease-out foil-arrive}@keyframes foil-arrive{0%{background-position:0 0}to{background-position:100% 0}}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.credential-preview:hover{transform:rotateY(0)rotateX(0)rotate(0)}.credential-preview:hover:before{background-position:0 0}}@media (max-width:420px){.credential-preview{padding:20px}.credential-seal{width:78px;height:78px}.credential-seal svg{width:34px}.credential-seal span{font-size:5px}.credential-body{padding:24px 0}.credential-top>span:last-child{font-size:6px}}@media (prefers-reduced-motion:reduce){.credential-preview,.credential-preview:before{transition:none}}