.info-box.smartpilot{background:linear-gradient(135deg,#f0f9f4,#e8f5e9);border-left:1px solid var(--color-secondary);border:1px solid var(--color-secondary);border-left-width:4px;position:relative;overflow:hidden}.info-box.smartpilot:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(84,204,84,.1) 0,transparent 70%);animation:smartpilot-glow 4s ease-in-out infinite}@keyframes smartpilot-glow{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(-10%,10%);opacity:1}}.info-box.smartpilot .info-box-title{color:var(--color-primary);font-size:1.1rem}.formula-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#fafafa,#fff);border:1px solid var(--color-accent);border-radius:12px}.formula{justify-content:center;gap:1.5rem;flex-wrap:wrap}.formula,.formula-item{display:flex;align-items:center}.formula-item{flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);animation:float 3s ease-in-out infinite}.formula-item.hex-code{animation-delay:0s}.formula-item.result-value{animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.formula-label{font-size:.7rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.formula-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:600;color:var(--color-primary)}.formula-item.hex-code .formula-value{color:#00d084}.formula-operator{font-size:2rem;font-weight:300;color:var(--color-text-light);animation:pulse-operator 2s ease-in-out infinite}@keyframes pulse-operator{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.formula-result{animation:glow-result 2s ease-in-out infinite}@keyframes glow-result{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 4px 12px rgba(0,208,132,.3))}}.formula-result .indicator-card{min-width:200px}.formula-result .indicator-hex{display:none}.demo-section{margin:2rem 0}.indicators-demo{margin-top:1.5rem;background:linear-gradient(135deg,#f8faf7,#fff);border:1px solid var(--color-accent);border-radius:12px;padding:1.5rem;overflow:hidden}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-accent)}.demo-label{font-size:.875rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.demo-thirdparty{font-weight:600;color:var(--color-primary)}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.indicator-card{display:flex;align-items:center;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);opacity:0;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.indicator-card.visible{opacity:1;transform:translateY(0) scale(1)}.indicator-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.12)}.indicator-color-bar{width:6px;height:100%;min-height:60px;flex-shrink:0;position:relative}.indicator-color-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--indicator-color)}50%{box-shadow:0 0 12px 2px var(--indicator-color)}}.indicator-content{flex:1 1;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.indicator-name{font-size:.75rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.3px}.indicator-value{font-size:1rem;font-weight:600;transition:transform .3s ease}.indicator-card:hover .indicator-value{transform:scale(1.05)}.indicator-hex{padding:.5rem .75rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.7rem;color:var(--color-text-light);background:#f5f5f5;border-left:1px solid var(--color-accent);opacity:.7;transition:opacity .2s ease}.indicator-card:hover .indicator-hex{opacity:1}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.indicators-grid{grid-template-columns:1fr}.demo-header{flex-direction:column;gap:.5rem;text-align:center}}