/* Boltun public Product page — ported 1:1 from the Claude Design "Product.dc.html"
   <style> block. Global element/class rules live here; every layout value stays
   inline on the markup exactly as designed (the design ships zero media queries,
   so 768/375 are the emergent result of the fixed inline CSS). Page-scoped: this
   sheet is loaded only by the standalone product.html, never alongside app.css. */
*{box-sizing:border-box}
body{margin:0;background:#0a0b0e;color:#ECECEA;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#B6FF3A;text-decoration:none}
a:hover{color:#c8ff63}
.nav-lnk{color:#b7bcc4;font-size:14px;transition:color .15s}
.nav-lnk:hover{color:#ECECEA}
.btn-p{display:inline-block;font-size:15px;font-weight:600;color:#0a0b0e;background:#B6FF3A;padding:14px 24px;border-radius:10px;transition:transform .12s,background .15s}
.btn-p:hover{background:#c8ff63;color:#0a0b0e;transform:translateY(-1px)}
.btn-s{display:inline-block;font-size:15px;font-weight:500;color:#ECECEA;border:1px solid rgba(255,255,255,.18);padding:14px 24px;border-radius:10px;transition:border-color .15s}
.btn-s:hover{border-color:rgba(182,255,58,.5)}
@keyframes wv{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}