/* Original Zarryl 3D cards. No external runtime or template assets. */
#psc-cards{padding:3.5rem 0;background:var(--color-6);color:var(--color-2);border-radius:2rem 2rem 0 0;overflow:hidden;position:relative;isolation:isolate}
#psc-cards::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 20%,#4d7d8a33,transparent 42%),radial-gradient(ellipse at 90% 85%,#33cc7a15,transparent 45%)}
.psc-cards__intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:2.5rem;margin-bottom:2rem}
.psc-cards__eyebrow{font-size:.6875rem;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;color:#91e4b5;font-weight:600;margin-bottom:.8rem}
#psc-cards h2{font-size:clamp(2rem,3.6vw,3.1rem);letter-spacing:-.045em;line-height:1.06;max-width:20ch;font-weight:550}
.psc-cards__intro>p{color:#cfdae3;max-width:58ch;font-size:1rem;line-height:1.65}
.psc-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.psc-card{min-width:0;border-radius:1.5rem;position:relative;display:flex;flex-direction:column}
.psc-card__stage{perspective:1300px;display:grid;flex:1}
.psc-card__rotor{position:relative;transform-style:preserve-3d}
.psc-card__face{border-radius:1.5rem 1.5rem 0 0;padding:1.5rem;overflow:hidden;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}
.psc-card__front{background:linear-gradient(145deg,#26445a,#112536 80%);border:1px solid #809aaa52;border-bottom:0;display:flex;flex-direction:column}
.psc-card__back{background:linear-gradient(140deg,#fffdf9,#e9e4db);color:#1b292d;border:1px solid #fff9;display:flex;flex-direction:column}
.psc-card__number{font-size:.625rem;line-height:1.5;letter-spacing:.14em;font-weight:550;color:#c2d2df}
.psc-card__number::before{content:"";display:inline-block;width:5px;height:5px;background:#5ddd97;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 12px #33cc7a66}
#psc-cards h3{font-size:clamp(1.4rem,2.1vw,1.85rem);font-weight:550;line-height:1.13;letter-spacing:-.035em;margin:0 0 .75rem;max-width:19ch}
.psc-card__front>p{color:#c5d3df;font-size:.875rem;line-height:1.55;max-width:34ch;margin:0}
.psc-card__back .psc-card__number{color:#31634b;margin-bottom:1.25rem}
.psc-card__back>p{font-size:.875rem;line-height:1.6;margin:0;max-width:38ch;color:#495550}
.psc-card__back ul{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.65rem}
.psc-card__back li{font-size:.8125rem;line-height:1.5;display:flex;gap:.65rem;padding-top:.65rem;border-top:1px solid #263d3121}
.psc-card__back li::before{content:"✓";font-weight:600;color:#137043;flex:none}
.psc-card__signature{font-size:.6875rem!important;color:#276346!important;letter-spacing:.02em;margin-top:auto!important;padding-top:1rem}
.psc-card__trigger{display:none;width:100%;min-height:56px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;border:1px solid #809aaa52;border-top:1px solid #809aaa30;border-radius:0 0 1.5rem 1.5rem;color:#faf5f0;background:#132b3d;text-align:left;font:500 .8125rem/1.4 'Host Grotesk',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.psc-card__trigger>span:last-child{display:grid;place-items:center;border:1px solid #d1e3e84d;width:28px;height:28px;border-radius:50%;font-size:1.1rem;flex:none}
.psc-card__trigger:hover{background:#25495b}
.psc-card__trigger:focus-visible{outline:3px solid #70e6a1;outline-offset:4px}
.psc-card[data-flipped="true"] .psc-card__trigger{background:#33cc7a;color:#102a21;border-color:#33cc7a}
.psc-card[data-flipped="true"] .psc-card__trigger>span:last-child{border-color:#102a2155}
.psc-cards--ready .psc-card__trigger{display:flex}
.psc-cards--ready .psc-card__rotor{display:grid;min-height:390px;transition:transform .85s cubic-bezier(.22,.72,.18,1)}
.psc-cards--ready .psc-card__face{grid-area:1/1;min-width:0}
.psc-cards--ready .psc-card__back{transform:rotateY(180deg)}
.psc-cards--ready .psc-card[data-flipped="true"] .psc-card__rotor{transform:rotateY(180deg)}
.psc-cards__foot{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}
.psc-cards__foot a{color:#91e4b5;font-size:.875rem;line-height:1.5;font-weight:550;text-underline-offset:.3em;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;gap:1rem}
.psc-cards__foot a:focus-visible{outline:3px solid #70e6a1;outline-offset:4px}
/* Business scenarios, generated for these cards and served as compact WebP assets. */
.psc-scene{height:210px;position:relative;display:grid;place-items:center;flex:none;margin:.8rem -.5rem 1rem}
.psc-scene img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:50% 80%;animation:psc-scene-arrive 2.2s ease-in-out 2 alternate both}
@keyframes psc-scene-arrive{from{transform:translateY(2px) rotate(-.4deg)}to{transform:translateY(-4px) rotate(.4deg)}}
#psc-cards:not(.psc-cards--visible) .psc-scene img,.psc-card[data-flipped="true"] .psc-scene img{animation-play-state:paused}
@media(min-width:1500px){.psc-cards--ready .psc-card__rotor{min-height:410px}.psc-scene{height:225px}}
@media(max-width:1000px) and (min-width:701px){.psc-card__face{padding:1.2rem}.psc-card__trigger{padding:.8rem 1.2rem}.psc-cards--ready .psc-card__rotor{min-height:420px}.psc-scene{height:165px}.psc-card__back>p{font-size:.8125rem}.psc-card__back ul{margin-top:.75rem}.psc-card__back li{font-size:.75rem}.psc-card__signature{font-size:.625rem!important}}
@media(max-width:700px){#psc-cards{padding:2.5rem 0}.psc-cards__intro{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.5rem}.psc-cards__intro>p{font-size:.9375rem}.psc-cards__grid{grid-template-columns:1fr;gap:1.25rem}.psc-cards--ready .psc-card__rotor{min-height:365px}#psc-cards h3{font-size:1.75rem;max-width:22ch}.psc-scene{height:200px;margin:.75rem -.25rem 1rem}.psc-cards__foot{align-items:start;flex-direction:column;gap:.5rem}.psc-card__back ul{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.psc-cards--ready .psc-card__rotor,.psc-card__trigger{transition:none}.psc-scene img{animation:none}}