@keyframes fu{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes fi{from{opacity:0;}to{opacity:1;}}
@keyframes pu{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.5);}}
.hbg{display:inline-flex;align-items:center;gap:7px;background:rgba(0,200,224,.1);border:1px solid rgba(0,200,224,.3);border-radius:20px;padding:5px 14px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cy);letter-spacing:1px;margin-bottom:18px;animation:fu .8s ease both;}
.blk{width:5px;height:5px;background:var(--cy);border-radius:50%;animation:pu 2s infinite;}
.hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(36px,4.2vw,60px);line-height:1.0;letter-spacing:-1px;color:#fff;animation:fu .8s .1s ease both;}
.hero h1 em{color:var(--cy);font-style:normal;display:block;}
.hsub{margin-top:14px;font-size:14px;color:var(--sv);line-height:1.7;max-width:440px;font-weight:300;animation:fu .8s .2s ease both;}
.ht{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;animation:fu .8s .25s ease both;}
.ti{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--tl);}
.ti strong{color:var(--sv);}
.ha{display:flex;gap:10px;margin-top:24px;animation:fu .8s .3s ease both;flex-wrap:wrap;}
.hcd{animation:fi .8s .4s ease both;}
.clo{margin-top:11px;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:10px;padding:12px;text-align:center;}
.clt{font-size:9px;color:var(--tl);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.lr{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;}
.lc{font-family:'Syne',sans-serif;font-weight:700;font-size:10px;color:var(--sv);border:1px solid var(--bd);padding:3px 9px;border-radius:20px;}