/* HexanovaTI — compact, descriptive pricing cards shared across homepage and pricing page */
.hx-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;perspective:1200px}
.hx-plan{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:340px;padding:23px 19px;background:#fff;border:1px solid #d6e4f1;border-radius:18px;box-shadow:0 12px 28px rgba(23,34,56,.07);transform-style:preserve-3d;animation:hxFloat 5.5s ease-in-out infinite}
.hx-plan:nth-child(2){animation-delay:-1.4s}.hx-plan:nth-child(3){animation-delay:-2.8s}.hx-plan:nth-child(4){animation-delay:-4.2s;border-color:#f28b45;background:#fffaf6}
.hx-plan:hover,.hx-plan:focus-within{animation:none;transform:translate3d(0,-12px,38px) rotateX(4deg) scale(1.04);z-index:2;box-shadow:0 24px 45px rgba(23,34,56,.20)}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hx-plan h3{font-size:17px;line-height:1.35;color:#172238;margin:0;min-height:46px}
.hx-amount{font-size:36px;font-weight:750;line-height:1.1;letter-spacing:-.04em;color:#172238}
.hx-amount small{font-size:12px;font-weight:500;letter-spacing:0;color:#64748b}
.hx-teaser{font-size:13px;line-height:1.5;color:#475569;margin:0;min-height:40px}
.hx-plan ul{margin:0;padding-left:18px;color:#475569;font-size:12px;line-height:1.6;flex:1}
.hx-plan .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;font-size:12px;padding:10px}
.hx-plan-note{font-size:12px;color:#64748b;margin-top:20px}
.hx-detail{padding:40px 0 65px;scroll-margin-top:100px}
.hx-detail-box{border:1px solid #d6e4f1;border-radius:18px;padding:clamp(22px,4vw,38px);background:#f8fbff}
.hx-detail-box h2{margin:0 0 12px}.hx-detail-box ul{padding-left:22px;line-height:1.9}
.hx-detail-box .btn{margin-top:10px}
.hx-form-area{padding:30px 0 75px;scroll-margin-top:100px}
.hx-form-area .form{max-width:850px;margin:auto}
@media(max-width:960px){.hx-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hx-plan-grid{grid-template-columns:1fr;gap:14px}.hx-plan{min-height:0;padding:21px;gap:10px}.hx-plan h3,.hx-teaser{min-height:0}.hx-plan .btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hx-plan{animation:none}.hx-plan:hover,.hx-plan:focus-within{transform:none}}