/* "What I can build" showcase on home page */
.hs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:28px}
.hs-card{background:#fff;border:1px solid rgba(124,58,237,.14);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px -18px rgba(76,29,149,.35);transition:transform .25s,box-shadow .25s}
.hs-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px rgba(124,58,237,.45)}
.hs-img{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#7C3AED,#0A9D74)}
.hs-img img{width:100%;height:100%;object-fit:cover;display:block}
.hs-emo{position:absolute;left:14px;bottom:-22px;width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.hs-body{padding:30px 18px 18px;display:flex;flex-direction:column;flex:1}
.hs-body h3{margin:0 0 6px;font-size:1.12rem}
.hs-ben{margin:0 0 10px;color:#0A8F5F;font-weight:600;font-size:.93rem}
.hs-list{list-style:none;padding:0;margin:0 0 16px;flex:1}
.hs-list li{position:relative;padding-left:22px;margin:6px 0;font-size:.9rem;color:#475569}
.hs-list li::before{content:"✔";position:absolute;left:0;color:#7C3AED;font-weight:700}
.hs-list a{color:#7C3AED;font-weight:700}
.hs-cta{display:flex;gap:8px;flex-wrap:wrap}
.hs-btn,.hs-wa{flex:1;text-align:center;padding:10px 12px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}
.hs-btn{background:linear-gradient(135deg,#7C3AED,#6D28D9);color:#fff}
.hs-wa{background:rgba(34,197,94,.12);color:#0A8F5F;border:1px solid rgba(34,197,94,.35)}
.hs-btn:hover,.hs-wa:hover{filter:brightness(1.08)}
.hs-note{text-align:center;color:#64748B;font-size:.9rem;margin-top:22px}
@media(max-width:560px){.hs-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){html[data-theme="dark"] .hs-card,body.dark .hs-card{background:#111827;border-color:rgba(167,139,250,.25)}}
[data-theme="dark"] .hs-card,.dark .hs-card{background:#111827;border-color:rgba(167,139,250,.25)}
[data-theme="dark"] .hs-list li,.dark .hs-list li{color:#CBD5E1}
[data-theme="dark"] .hs-emo,.dark .hs-emo{background:#1F2937}
/* v2: prices + all-packages strip */
.hs-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(10,157,116,.08))}
.hs-amt{font-weight:800;font-size:1.35rem;color:#6D28D9}
.hs-talk .hs-amt{font-size:.98rem;color:#0A8F5F}
.hs-from{font-size:.78rem;color:#64748B;font-weight:600}
.hs-del{margin-left:auto;font-size:.8rem;color:#475569;font-weight:600}
.hs-cta .hs-btn{border:0;cursor:pointer;font-family:inherit}
.hs-cta .hs-q{background:#fff;color:#6D28D9;border:1px solid rgba(124,58,237,.35)}
.hs-cta .hs-wa{flex-basis:100%}
.hs-all{margin-top:40px}
.hs-all-h{text-align:center;font-size:1.25rem;margin:0 0 16px}
.hs-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.hs-mini{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(124,58,237,.14);border-radius:16px;padding:12px}
.hs-mini.pop{border-color:#22C55E;box-shadow:0 0 0 2px rgba(34,197,94,.15)}
.hs-mi{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(10,157,116,.12))}
.hs-mb{flex:1;min-width:0}.hs-mb b{display:block;font-size:.95rem}
.hs-mb small{display:block;color:#64748B;font-size:.78rem;line-height:1.3;margin:2px 0}
.hs-mp{font-weight:800;color:#6D28D9;font-size:.95rem}.hs-mp span{color:#64748B;font-weight:600;font-size:.75rem}
.hs-mo{border:0;cursor:pointer;background:linear-gradient(135deg,#7C3AED,#6D28D9);color:#fff;font-weight:700;padding:9px 12px;border-radius:10px;font-family:inherit}
.hs-note a{color:#6D28D9;font-weight:700}
@media(max-width:560px){.hs-all-grid{grid-template-columns:1fr}}
/* v3: rendered images */
.hs-img{aspect-ratio:16/9;background:#EEEAFB;border-radius:20px 20px 0 0;overflow:visible}
.hs-img img{object-fit:cover;border-radius:20px 20px 0 0;transition:transform .4s}
.hs-card{overflow:hidden}
.hs-card:hover .hs-img img{transform:scale(1.04)}