*{ font-family:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:-0.01em; }
  body{ background:#f1f1f1; }
  .mono{ font-family:"Major Mono Display",monospace; letter-spacing:0; }
  .fade{ animation:fi .3s ease both; } .fadeO{ animation:fo .6s ease both; } @keyframes fo{ from{opacity:0;} to{opacity:1;} } @keyframes fi{ from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:none;} }
  .pop{ animation:pp .4s cubic-bezier(.2,1.1,.4,1) both; } @keyframes pp{ 0%{opacity:0;transform:translateY(10px) scale(.98);} 100%{opacity:1;transform:none;} }
  input[type=range]{ -webkit-appearance:none; height:8px; border-radius:999px; background:#e4e4e7; outline:none; }
  input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:28px; height:28px; border-radius:999px; background:#fff; cursor:pointer; border:1px solid #d4d4d8; box-shadow:0 1px 4px rgba(0,0,0,.2);}
  input[type=range]::-moz-range-thumb{ width:28px; height:28px; border-radius:999px; background:#fff; cursor:pointer; border:1px solid #d4d4d8;}
  .no-sb::-webkit-scrollbar{ display:none; }

/* Hero intro animacijos */
.heroTitle{opacity:0;animation:heroUp .9s cubic-bezier(.2,.7,.3,1) .25s forwards}
.heroSub{opacity:0;animation:heroUp .9s cubic-bezier(.2,.7,.3,1) .95s forwards}
.heroBtn{opacity:0;animation:heroUp .8s ease 1.55s forwards}
.heroImg{opacity:0;animation:heroLight 2.2s ease 1.1s forwards}
@keyframes heroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroLight{from{opacity:0;filter:brightness(.35)}to{opacity:1;filter:brightness(1)}}