.hero-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:560px;margin:6px 0 0;padding:0;list-style:none;display:grid}.hf-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:transform var(--dur-base) var(--ease-soft), border-color var(--dur-base) var(--ease-soft), background-color var(--dur-base) var(--ease-soft);background:#fffaf49e;border:1px solid #4a2e271f;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 13px;display:flex}.hf-card:hover{border-color:#c6a1698c;transform:translateY(-2px)}.hf-art{--hf-gold:var(--color-gold);--hf-gold-deep:#a8803f;--hf-paper:#fffaf2;--hf-ink:var(--color-wine);--hf-line:#4a2e2738;--hf-rose:#b04a5a;width:100%;max-width:96px;height:auto;display:block;overflow:visible}.hf-label{color:var(--color-ink-soft);font-size:12px;font-weight:600;line-height:1.25}.on-navy .hf-card{background:#2015158c;border-color:#d6ab6361;box-shadow:0 10px 26px #00000047}.on-navy .hf-card:hover{border-color:var(--color-gold-light);background:#2d1d1dad}.on-navy .hf-label{color:var(--color-ivory)}.on-navy .hf-art{--hf-gold:var(--color-gold-light);--hf-paper:#f8efe1}.hf-paper{fill:var(--hf-paper);stroke:var(--hf-gold);stroke-width:.8px}.hf-ink{fill:var(--hf-ink);opacity:.55}.hf-faint{opacity:.25}.hf-frame{fill:none;stroke:var(--hf-gold);stroke-width:1.2px}.hf-panel{fill:var(--hf-ink);stroke:var(--hf-gold);stroke-width:.8px}.hf-inset{fill:none;stroke:var(--hf-gold);stroke-width:.6px;opacity:.8}.hf-knob{fill:var(--hf-gold)}.hf-heart-in{fill:var(--hf-rose)}.hf-door{transform-box:fill-box;animation:hf-door 3.6s var(--ease-soft) infinite}.hf-door-l{transform-origin:0%}.hf-door-r{transform-origin:100%}.hf-light{opacity:0;animation:hf-reveal 3.6s var(--ease-soft) infinite}.hf-invite{opacity:0;transform-box:fill-box;transform-origin:50%;animation:hf-rise 3.6s var(--ease-soft) infinite}@keyframes hf-door{0%,14%{transform:scaleX(1)}36%,80%{transform:scaleX(.14)}96%,to{transform:scaleX(1)}}@keyframes hf-reveal{0%,18%{opacity:0}40%,78%{opacity:1}94%,to{opacity:0}}@keyframes hf-rise{0%,18%{opacity:0;transform:scale(.88)}42%,78%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.88)}}.hf-box{fill:none;stroke:var(--hf-ink);stroke-width:1.1px;opacity:.7}.hf-tick{fill:none;stroke:var(--hf-gold-deep);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12px;animation:hf-tick 3.4s var(--ease-soft) infinite}.hf-yes{fill:var(--hf-line);animation:hf-yes 3.4s var(--ease-soft) infinite}.hf-heart{fill:var(--hf-rose);opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:hf-pop 3.4s var(--ease-soft) infinite}@keyframes hf-tick{0%,18%{stroke-dashoffset:12px;opacity:1}36%,86%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:12px;opacity:0}}@keyframes hf-yes{0%,30%{fill:var(--hf-line)}42%,86%{fill:var(--hf-gold)}to{fill:var(--hf-line)}}@keyframes hf-pop{0%,40%{opacity:0;transform:translateY(3px)scale(.4)}52%,84%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-3px)scale(.9)}}.hf-ray{fill:none;stroke:var(--hf-gold);stroke-width:.9px;stroke-dasharray:2 2.2;opacity:.75}.hf-guest{fill:var(--hf-paper);stroke:var(--hf-gold);stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:hf-ping 3s var(--ease-soft) infinite}.hf-g2{animation-delay:.12s}.hf-g3{animation-delay:.24s}.hf-hub{fill:var(--hf-ink);stroke:var(--hf-gold);stroke-width:1.2px}.hf-chain rect{fill:none;stroke:var(--color-gold-light);stroke-width:1.3px}.hf-spark{fill:var(--hf-gold);opacity:0;animation:3s var(--ease-soft) infinite}.hf-s1{animation-name:hf-to-1}.hf-s2{animation-name:hf-to-2;animation-delay:.12s}.hf-s3{animation-name:hf-to-3;animation-delay:.24s}@keyframes hf-to-1{0%,10%{opacity:0;transform:translate(0)}18%{opacity:1}52%{opacity:1;transform:translate(-23px,-16px)}62%,to{opacity:0;transform:translate(-23px,-16px)}}@keyframes hf-to-2{0%,10%{opacity:0;transform:translate(0)}18%{opacity:1}52%{opacity:1;transform:translate(23px,-16px)}62%,to{opacity:0;transform:translate(23px,-16px)}}@keyframes hf-to-3{0%,10%{opacity:0;transform:translate(0)}18%{opacity:1}52%{opacity:1;transform:translateY(19px)}62%,to{opacity:0;transform:translateY(19px)}}@keyframes hf-ping{0%,50%{fill:var(--hf-paper);transform:scale(1)}58%{fill:var(--color-gold-light);transform:scale(1.2)}74%,to{fill:var(--hf-paper);transform:scale(1)}}.hf-qr-card{fill:#fffdf9;stroke:var(--hf-gold);stroke-width:.8px}.hf-qr-modules{fill:#2b1a1d}.hf-bracket{fill:none;stroke:var(--hf-gold);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.hf-scan{fill:var(--hf-gold);opacity:.9;animation:2.8s ease-in-out infinite hf-scan}@keyframes hf-scan{0%,to{transform:translateY(0)}50%{transform:translateY(29px)}}@media (max-width:480px){.hero-features{gap:7px}.hf-card{border-radius:14px;gap:6px;padding:9px 5px 10px}.hf-label{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.hf-art *{animation:none!important}.hf-card{transition:none}.hf-door{transform:scaleX(.14)}.hf-light,.hf-invite{opacity:1;transform:none}.hf-tick{stroke-dashoffset:0;opacity:1}.hf-yes{fill:var(--hf-gold)}.hf-heart{opacity:1;transform:none}.hf-spark{opacity:0}.hf-scan{transform:translateY(14px)}}