/* Subtle motion layer in the original Liquistate palette (#080a09 bg, #0c1210 panels, #1b2620 lines, #00e676 green, #e8f0ea text, #9fb1a5 muted).
   Does not override brand colors, fonts, buttons or logo. */
#neo-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(0,230,118,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 70%);animation:neo-grid 30s linear infinite}
@keyframes neo-grid{to{background-position:0 56px,56px 0}}
.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pcard,.lcard,.step{transition:transform .25s ease,border-color .25s ease}
.pcard:hover,.lcard:hover,.step:hover{transform:translateY(-2px);border-color:#1f4a30}
main>section,main>.card,section .wrap{animation:neo-rise .5s ease both}@keyframes neo-rise{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:720px){#neo-fx{opacity:.2}}
@media (prefers-reduced-motion:reduce){body::before,main>section,main>.card,section .wrap{animation:none}#neo-fx{display:none}}
/* Fine-tuning only: sharper type, subtle depth, small hovers. Original colors untouched. */
h1,h2{letter-spacing:-.01em}
.card,.glass,.pcard,.step,.lcard{box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 8px 24px -16px rgba(0,0,0,.8)}
.btn,button{transition:filter .15s ease,transform .15s ease}.btn:hover,button:hover{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.btn:hover,button:hover,.pcard:hover,.lcard:hover,.step:hover{transform:none}}