.hero{height:auto;min-height:820px}
.hero-content{isolation:isolate}
.hero-title .accent-line{color:#b9ffd7;text-shadow:0 0 22px #37ff9b5c,0 0 54px #21e98227;animation:heroGlow 4.8s ease-in-out infinite alternate}
.hero-title .accent-line:after{filter:drop-shadow(0 0 8px #6affb8)}
.hero-badge{box-shadow:0 0 0 1px #8bffc21f,0 8px 28px #08ad6040;animation:badgeFloat 4s ease-in-out infinite}
.hero-badge>span{box-shadow:0 0 0 0 #9fffc099;animation:beacon 2.4s ease-out infinite}
.demo-ledger{position:relative;z-index:3;inset:auto;width:min(330px,100%);margin:28px 0 0 auto;padding:18px 18px 15px;border:1px solid #d8ffea49;border-radius:20px;background:linear-gradient(145deg,#0b251bd9,#0a1716c9);box-shadow:0 26px 85px #03120d7a,0 0 45px #00d97b21;backdrop-filter:blur(18px);color:#fff;transform:none;animation:ledgerEnter .9s .28s both,ledgerFloat 7s 1.2s ease-in-out infinite}
.demo-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #ffffff19}
.demo-ledger-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:#d8f6e6}
.demo-ledger-tag{padding:5px 8px;border-radius:20px;background:#b5ffd71c;border:1px solid #9bffcc3d;color:#a9f4cb;font-size:9px;font-weight:800;letter-spacing:.08em}
.demo-ledger-entry{min-height:116px;padding:19px 0 8px;animation:ledgerSwap .5s ease both}
.demo-ledger-kind{display:flex;align-items:center;gap:8px;color:#8cecb7;font-size:10px;font-weight:800;letter-spacing:.1em}
.demo-ledger-kind:before{content:"";width:7px;height:7px;border-radius:50%;background:#5ff39a;box-shadow:0 0 14px #5ff39a}
.demo-ledger-amount{display:block;margin:9px 0 2px;font:700 25px/1.2 "Manrope",sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 0 18px #7dffb545}
.demo-ledger-caption{color:#c3d7cc;font-size:11px}
.demo-ledger-footer{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #ffffff19;color:#a7bab0;font-size:9px}
.demo-ledger-dots{display:flex;gap:4px}.demo-ledger-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff42;transition:.25s}.demo-ledger-dots i.active{width:16px;border-radius:8px;background:#7af2a9;box-shadow:0 0 10px #7af2a970}
.hero-actions .btn,.nav-cta,.cards-section .card-meta+ p+a,.access-box .btn,.footer-grid .btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,filter .28s}
.hero-actions .btn:before,.nav-cta:before,.cards-section .card-meta+ p+a:before,.access-box .btn:before,.footer-grid .btn:before{content:"";position:absolute;z-index:-1;inset:-1px;transform:translateX(-130%) skewX(-18deg);background:linear-gradient(105deg,transparent 25%,#ffffff76 48%,transparent 68%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.hero-actions .btn:hover,.nav-cta:hover,.access-box .btn:hover{transform:translateY(-4px) scale(1.015);filter:saturate(1.12);box-shadow:0 18px 44px #00a65b52}
.hero-actions .btn:hover:before,.nav-cta:hover:before,.cards-section .card-meta+ p+a:hover:before,.access-box .btn:hover:before,.footer-grid .btn:hover:before{transform:translateX(130%) skewX(-18deg)}
.hero-actions .btn:active,.nav-cta:active,.access-box .btn:active{transform:translateY(-1px) scale(.99)}
.desktop-nav a:hover{text-shadow:0 0 18px #80ffb8a8!important}
.hero-proof b{transition:color .25s,text-shadow .25s}.hero-proof>div:hover b{color:#baffd4;text-shadow:0 0 16px #75ffb775}
@keyframes heroGlow{from{text-shadow:0 0 14px #37ff9b32}to{text-shadow:0 0 26px #37ff9b7a,0 0 58px #21e98236}}
@keyframes badgeFloat{50%{transform:translateY(-3px)}}
@keyframes beacon{0%{box-shadow:0 0 0 0 #9fffc099}75%,100%{box-shadow:0 0 0 8px #9fffc200}}
@keyframes ledgerEnter{from{opacity:0;filter:blur(7px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes ledgerFloat{50%{translate:0 -8px}}
@keyframes ledgerSwap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.demo-ledger{width:min(330px,100%);margin:24px auto 0}.hero-content{padding-bottom:40px}.hero-proof{max-width:520px}}
@media(max-width:600px){.demo-ledger{width:100%;max-width:420px;margin:24px auto 4px;animation:ledgerEnter .7s .4s both}.hero-content{padding-bottom:30px}.demo-ledger-entry{min-height:102px}.hero-badge{font-size:10px;letter-spacing:.45px}}
@media(prefers-reduced-motion:reduce){.hero-title .accent-line,.hero-badge,.hero-badge>span,.demo-ledger,.demo-ledger-entry{animation:none!important}.hero-actions .btn,.nav-cta,.access-box .btn{transition:none!important}}