.h-36{height:9rem}.h-64{height:16rem}.h-full{height:100%}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.object-contain{object-fit:contain}.inline-block{display:inline-block}.ml-auto{margin-left:auto}.overflow-auto{overflow:auto}.p-2{padding:.5rem}.underline{text-decoration-line:underline}.leading-snug{line-height:1.375}
@media (min-width:48rem){.md\:h-72{height:18rem}.md\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}}
.pc-noimg{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.04em}
.max-w-5xl{max-width:64rem}.py-12{padding-top:3rem;padding-bottom:3rem}.space-y-2>:not(:last-child){margin-bottom:.5rem}.text-emerald-800{color:#065f46}.border-emerald-300{border-color:#6ee7b7}.text-amber-800{color:#92400e}.border-amber-300{border-color:#fcd34d}
@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.p3d{position:relative;height:300px;perspective:1100px;touch-action:pan-y}
@media (min-width:48rem){.p3d{height:340px}}
.p3d-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}
.p3d-card{position:absolute;left:50%;top:50%;width:250px;height:190px;margin:-95px 0 0 -125px;border-radius:22px;background:linear-gradient(160deg,#ffffff,#e9f1fa);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.35) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(60px);animation:p3dFloat 5.5s ease-in-out infinite}
.p3d-img{width:88%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.p3d-shine{position:absolute;inset:-60% -30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-70%);transition:transform .9s ease;pointer-events:none}
.p3d.is-hover .p3d-shine{transform:translateX(70%)}
.p3d-shadow{position:absolute;left:50%;top:50%;width:220px;height:40px;margin:110px 0 0 -110px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(51,173,238,.45),transparent 70%);filter:blur(10px);transform:translateZ(-20px);animation:p3dShadow 5.5s ease-in-out infinite}
.p3d-orbit{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:1px solid rgba(51,173,238,.28);transform:rotateX(70deg);animation:p3dSpin 14s linear infinite;pointer-events:none}
.p3d-orbit::before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#33adee;box-shadow:0 0 14px 4px rgba(51,173,238,.7)}
.p3d-orbit2{width:380px;height:380px;margin:-190px 0 0 -190px;border-color:rgba(255,255,255,.12);animation-duration:22s;animation-direction:reverse}
.p3d-orbit2::before{background:#fff;box-shadow:0 0 10px 3px rgba(255,255,255,.5)}
.p3d-tag{position:absolute;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;color:#06202f;background:linear-gradient(135deg,#7dd3fc,#33adee);box-shadow:0 10px 24px -8px rgba(51,173,238,.8);white-space:nowrap;animation:p3dFloat 6s ease-in-out infinite}
.p3d-tag1{left:8%;top:18%;transform:translateZ(110px);animation-delay:-1s}
.p3d-tag2{right:6%;top:30%;transform:translateZ(130px);animation-delay:-2.5s;background:linear-gradient(135deg,#fff,#dbeafe)}
.p3d-tag3{left:14%;bottom:16%;transform:translateZ(120px);animation-delay:-4s;background:linear-gradient(135deg,#a7f3d0,#34d399)}
@keyframes p3dFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes p3dShadow{0%,100%{opacity:.9;scale:1}50%{opacity:.6;scale:.88}}
@keyframes p3dSpin{to{transform:rotateX(70deg) rotateZ(360deg)}}
@media (prefers-reduced-motion:reduce){.p3d-card,.p3d-tag,.p3d-shadow,.p3d-orbit{animation:none}}
@media (min-width:48rem){.md\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}}
@media (min-width:48rem){.md\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}}
.isolate{isolation:isolate}.duration-700{transition-duration:.7s}.transition-opacity{transition-property:opacity}.opacity-0{opacity:0}