.card-demo{display:flex;justify-content:center;gap:50px;background:#e8e1d3;padding:45px 25px;margin-top:30px;border-radius:14px}.mock-card{width:240px;min-height:340px;padding:24px;display:flex;align-items:center;flex-direction:column;box-shadow:8px 12px 16px #142d3e20}.front{background:#17483f;color:#fff}.reverse{background:#fffdf4;color:#17483f}.mock-card small{font-size:10px;letter-spacing:.12em}.mock-card strong{font-size:24px;margin-top:12px}.pin-shape{display:grid;place-items:center;width:105px;height:105px;border:7px solid #b58e48;border-radius:50%;background:#f4cb7b;color:#17483f;font-size:74px;margin:35px 0}.mock-card b{font-size:13px;margin-bottom:12px}.clutch-dot{width:30px;height:30px;background:#b58e48;border:6px double #725525;border-radius:50%;margin-top:111px;margin-bottom:20px}.reverse p{font-size:15px;text-align:center;line-height:1.4}.label-area{border:1px dashed #7c897e;padding:12px;font-size:10px;margin-top:auto}.hardware-pair,.packing{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:35px}.hardware-pair img{object-fit:contain;max-height:300px}.packing-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:25px!important;background:#eae3d5}.packing-flow b,.packing-flow span{display:block}.packing-flow b{font-size:15px;color:#775522}.packing-flow span{font-size:16px;margin-top:10px}.packing figure{max-width:360px;margin:auto}@media(max-width:760px){.card-demo{gap:15px;padding:20px 10px}.mock-card{width:46%;min-height:270px;padding:12px 8px}.mock-card strong{font-size:16px}.mock-card small{font-size:8px;letter-spacing:0}.mock-card b{font-size:9px}.pin-shape{width:80px;height:80px;font-size:54px;margin:30px 0}.clutch-dot{margin-top:82px}.reverse p{font-size:12px}.label-area{font-size:8px;padding:9px}.hardware-pair,.packing{grid-template-columns:1fr}.packing-flow{grid-template-columns:1fr 1fr}.story h1{font-size:36px}}