*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.neural-node{animation:nodePulse 3s ease-in-out infinite}@keyframes nodePulse{0%,to{opacity:.3;r:4}50%{opacity:.6;r:5}}.neural-pulse{animation:pulseRing 3s ease-in-out infinite}@keyframes pulseRing{0%{r:8;opacity:.2}50%{r:12;opacity:0}to{r:8;opacity:0}}.neural-connection{animation:connectionFlow 4s ease-in-out infinite}@keyframes connectionFlow{0%,to{opacity:.1;stroke-width:1}50%{opacity:.3;stroke-width:1.5}}@keyframes dataFlow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animated-selection{animation:textSelectLoop 12s ease-in-out infinite}@keyframes textSelectLoop{0%,2.5%{background:transparent;box-shadow:none}6.7%,to{background:#6366f14d;box-shadow:0 0 20px #6366f14d}}.floating-logo{animation:logoAppearLoop 12s ease-out infinite}@keyframes logoAppearLoop{0%,6.7%{opacity:0;transform:scale(.5) translateY(-10px)}10%,11.7%{opacity:1;transform:scale(1) translateY(0)}10.8%{transform:scale(1.15) translateY(0)}11.8%,to{opacity:1;transform:scale(1) translateY(0)}}.animated-popup{animation:popupOpenLoop 12s ease-out infinite}@keyframes popupOpenLoop{0%,15%{opacity:0;transform:scale(.9) translateY(20px)}18.3%,to{opacity:1;transform:scale(1) translateY(0)}}.mode-selected{animation:buttonClickLoop 12s ease-out infinite}@keyframes buttonClickLoop{0%,18.3%,19.2%,to{transform:scale(1)}18.75%{transform:scale(.95)}}.typing-text{animation:typingLoop 12s steps(180) infinite;display:inline-block;max-width:100%}@keyframes typingLoop{0%,20.8%{width:0;border-right:2px solid rgba(99,102,241,.7)}21%,21.5%,22%,22.5%,23%,23.5%,24%,24.5%,25%,25.5%{border-right:2px solid rgba(99,102,241,.7)}21.25%,21.75%,22.25%,22.75%,23.25%,23.75%,24.25%,24.75%,25.25%{border-right:2px solid transparent}66.7%,to{width:100%;border-right:none}}button:hover{transform:translateY(-2px)!important}button:active{transform:translateY(0)!important}a:hover{color:#fff!important}.feature-card:hover{transform:translateY(-8px);border-color:#6366f14d!important;background:#ffffff0d!important}.cta-button,.primary-cta{animation:gradientShift 3s ease infinite}.cta-button:hover,.primary-cta:hover{box-shadow:0 16px 48px #6366f180!important;animation:gradientShift 1.5s ease infinite}.secondary-cta:hover{background:#ffffff14!important;border-color:#fff3!important}.nav-link:hover{color:#fff!important}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 30px #6366f166}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) scale(.5);opacity:0}}@keyframes gradientPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.9;filter:brightness(1.2)}}.hero-title{animation:fadeInUp .8s ease-out}.hero-subtitle{animation:fadeInUp 1s ease-out .2s both}.hero-subtitle span[style*=gradientHighlight]{animation:gradientPulse 2s ease-in-out infinite}.hero-ctas{animation:fadeInUp 1.2s ease-out .4s both}.stats{animation:fadeInUp 1.4s ease-out .6s both}.feature-card{animation:fadeInUp .8s ease-out both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.demo-mockup{animation:scaleIn 1s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width: 768px){body{font-size:14px}.nav-content{padding:12px 20px!important}.nav-links{gap:12px!important}.hero-title{font-size:36px!important;line-height:1.2!important;margin-bottom:16px!important}.hero-subtitle{font-size:16px!important;line-height:1.6!important;padding:0 10px!important;margin-bottom:32px!important}.hero-ctas{flex-direction:column;align-items:stretch;gap:12px!important;padding:0 20px}.hero-ctas button{width:100%;justify-content:center}.stats{flex-direction:column;gap:24px!important;padding:0 20px}.stat-divider{width:60px!important;height:1px!important;margin:0 auto}.section-title{font-size:28px!important;padding:0 20px}.features-grid{grid-template-columns:1fr!important;gap:24px!important;padding:0 20px}.feature-card{padding:24px!important}.steps-container{flex-direction:column!important;gap:32px!important;padding:0 20px}.step-connector{width:2px!important;height:30px!important;background:linear-gradient(180deg,#6366f14d,#14b8a64d)!important}.demo-mockup{margin:0 -10px;border-radius:8px!important}.extension-popup{position:static!important;width:100%!important;margin-top:24px;padding:16px!important}.article-container{padding:20px!important}.website-header{padding:12px 20px!important}.website-nav{display:none!important}.chrome-tab{max-width:120px!important;font-size:12px!important}.footer-content{flex-direction:column!important;gap:40px;padding:0 20px}.footer-links{gap:24px!important;flex-wrap:wrap}.page-counter{display:none}section{padding-left:20px!important;padding-right:20px!important}.particle{display:none}.hero-subtitle span[style*="fontSize: 22"]{font-size:18px!important}.floating-logo{left:50%!important;top:200px!important}.floating-logo{animation:logoAppearLoopMobile 12s ease-out infinite!important}@keyframes logoAppearLoopMobile{0%,6.7%{opacity:0;transform:translate(-50%) scale(.5) translateY(-10px)}10%,11.7%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}10.8%{transform:translate(-50%) scale(1.15) translateY(0)}11.8%,to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.typing-text{white-space:normal!important;animation:typingMobileLoop 12s ease-out infinite!important}@keyframes typingMobileLoop{0%,20.8%{opacity:0}25%,to{opacity:1}}}::selection{background:#6366f14d;color:#fff}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{animation:modalFadeIn .2s ease-out}div[style*=modalContent]{animation:modalSlideIn .3s ease-out}input[type=email]:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;background:#ffffff14!important}button[style*=modalClose]:hover{background:#ffffff1a!important;color:#fff!important;transform:rotate(90deg)!important}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}div[style*=successIcon]{animation:successPop .5s ease-out}::-moz-selection{background:#6366f14d;color:#fff}
