body { margin: 0; background: #FBFAF7; }
  a { color: #14A85A; text-decoration: none; }
  a:hover { color: #0A5E34; }
  details > summary { cursor: pointer; }
  details > summary::-webkit-details-marker { display: none; }
  details[open] > summary > span:last-child { transform: rotate(45deg); }
  #v3-about-mock::part(frame) { background: transparent; }
  @keyframes cardhub-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
  @keyframes cardhub-blob { 0%,100% { transform: scale(1); opacity: 0.13; } 50% { transform: scale(1.12); opacity: 0.2; } }
  .cardhub-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .cardhub-reveal.is-in { opacity: 1; transform: translateY(0); }

/* generated from style-hover attributes */
.hv-1:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(18,23,15,0.22); }
.hv-2:hover { transform:translateY(-2px); box-shadow:0 20px 38px -12px rgba(18,23,15,0.55); }
.hv-3:hover { transform:translateY(-8px); box-shadow:0 24px 48px -22px rgba(18,23,15,0.28); }
.hv-4:hover { background:#F1F3EE; }
.hv-5:hover { transform:translateY(-8px); box-shadow:0 24px 48px -22px rgba(18,23,15,0.28); }
.hv-6:hover { background:#F1F3EE; }
.hv-7:hover { transform:translateY(-8px); box-shadow:0 30px 60px -24px rgba(14,122,68,0.5); }
.hv-8:hover { transform:translateY(-2px); }
.hv-9:hover { transform:translateY(-2px); }
.hv-10:hover { transform:translateY(-3px); box-shadow:0 16px 34px -10px rgba(18,23,15,0.55); }