.features-container{margin:2rem 0}.feature-card{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.05);transition:box-shadow .3s ease,transform .3s ease}.feature-card:hover{box-shadow:0 10px 20px #0003}.feature-image-container{flex:0 0 300px;display:flex;align-items:center;justify-content:center;background-color:#ffffff08;border-radius:10px;overflow:hidden}.feature-image{max-width:100%;height:auto;border-radius:8px;transition:transform .3s ease}.feature-text{flex:1}.feature-text p{margin-bottom:1rem}.feature-text p:last-child{margin-bottom:0}.app-store-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;align-items:center;flex-wrap:nowrap;justify-content:center;flex-direction:row}.app-store-button,.play-store-button{display:flex;align-items:center}.app-store-button{height:45px}.play-store-button{height:60px}.app-store-button img{height:45px;object-fit:contain;transition:transform .3s ease}.play-store-button img{height:67px;width:auto;object-fit:contain;transition:transform .3s ease}.app-store-button:hover img,.play-store-button:hover img{transform:scale(1.05)}@media (min-width: 768px){.feature-card{flex-direction:row}.mobile-app-screens{order:2}}.platform-logos{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.platform-logo{height:45px;width:auto;opacity:.8;transition:opacity .3s ease,transform .3s ease;color:#fff}.platform-logo:hover{opacity:1;transform:scale(1.1)}.dev-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dev-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6464ff33,#3232c866);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:center}.dev-button:hover{background:linear-gradient(135deg,#6464ff4d,#3232c899);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.tagline{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6;max-width:800px}.highlight{color:#64f4ac;font-weight:600}.hero-content{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:4rem 2rem;animation:fadeIn 1.2s ease-out;position:relative;z-index:1}.hero-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#4b8edb14,#121a2e00 70%);z-index:-1;opacity:0;animation:pulse-subtle 8s infinite alternate,fadeIn 2s forwards}@keyframes pulse-subtle{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.2)}}.hero-content h1{position:relative;margin-bottom:.5rem;font-size:3.5rem;letter-spacing:-.02em;text-shadow:0 0 15px rgba(75,142,219,.2);transition:text-shadow .5s ease}.hero-content h1:hover{text-shadow:0 0 20px rgba(75,142,219,.4)}.hero-content .tagline{color:var(--accent);font-size:1.4rem;font-weight:500;margin:1rem 0 2rem;opacity:0;animation:fadeSlideUp .8s ease-out .4s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.how-it-works{margin:3rem 0}.how-it-works-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#fff}.how-it-works-description{font-size:1.2rem;line-height:1.6;color:#fffc;text-align:center;max-width:700px;margin:0 auto 3rem}.steps-container{display:flex;flex-direction:column;gap:2.5rem;max-width:100%;overflow:hidden;position:relative}@media (max-width: 640px){.steps-container:before{left:50%;transform:translate(-50%)}}.step{display:flex;flex-direction:row;align-items:center;gap:2rem;background:linear-gradient(135deg,#121a2ecc,#121a2e99);border-radius:20px;padding:2.5rem;transition:all .3s ease;border:1px solid rgba(75,142,219,.2);box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(8px);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both;animation-delay:calc(var(--step-index, 0) * .2s)}.step[data-step="1"]{--step-index: 1}.step[data-step="2"]{--step-index: 2}.step[data-step="3"]{--step-index: 3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4b8edb0d,#8b60c70d);opacity:0;transition:opacity .3s ease;z-index:-1}.step:hover{background:#121a2ecc;transform:translateY(-5px);border-color:#4b8edb66;box-shadow:0 15px 40px #0003,0 0 15px #4b8edb33}.step:hover:before{opacity:1}.step-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#121a2e80;border-radius:50%;padding:.5rem;border:1px solid rgba(75,142,219,.3);box-shadow:0 5px 15px #0003;transition:all .3s ease;position:relative}.step:hover .step-icon{transform:scale(1.05);border-color:#4b8edb80;box-shadow:0 8px 25px #0000004d,0 0 10px #4b8edb4d}.step-icon:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,#64f4ac33,#64f4ac00 70%);z-index:-1;opacity:0;transition:opacity .3s ease}.step:hover .step-icon:after{opacity:1}.step-svg{width:100%;height:100%}.step-circle{fill:#303745b3;stroke:#4b8edb99;stroke-width:1.5}.step-symbol{fill:none;stroke:#4b8edbe6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.head-silhouette{stroke-dasharray:200;stroke-dashoffset:200;animation:drawPath 3s infinite alternate ease-in-out;stroke-width:1.5;stroke:#fff9}.headwear-band{stroke-dasharray:100;stroke-dashoffset:100;animation:drawPath 2s infinite alternate ease-in-out}.sensor-point{animation:pulse 2s infinite alternate}.brain-wave{stroke-dasharray:50;stroke-dashoffset:50;animation:drawWave 1.5s infinite alternate ease-in-out;stroke:#64f4acb3}.pulse-ring{animation:pulseRing 3s infinite;transform-origin:center;opacity:0}@keyframes pulseRing{0%{transform:scale(.8);opacity:0}50%{opacity:.5}to{transform:scale(1.1);opacity:0}}.device-outline{stroke-dasharray:120;stroke-dashoffset:120;animation:drawPath 2s infinite alternate ease-in-out}.device-screen{fill:#303745e6;stroke:#4b8edb99;stroke-width:1;animation:fadeIn 2s infinite alternate}.bluetooth-symbol-container{animation:pulseScale 3s infinite alternate}.bluetooth-symbol{fill:#4b8edb33}@keyframes pulseScale{0%,to{transform:translate(15px,27px) scale(.2)}50%{transform:translate(15px,27px) scale(.2)}}.connection-wave{stroke-dasharray:50;stroke-dashoffset:50;animation:drawWave 2s infinite alternate ease-in-out}.data-particle{animation:moveParticle 2s infinite}@keyframes moveParticle{0%{transform:translate(-10px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.connection-indicator{animation:blink 1.5s infinite alternate}@keyframes blink{0%,to{opacity:.5;r:2}50%{opacity:1;r:4}}.brain-silhouette{stroke-dasharray:200;stroke-dashoffset:200;animation:drawPath 3s infinite alternate ease-in-out}.app-device{stroke-dasharray:150;stroke-dashoffset:150;animation:drawPath 2.5s infinite alternate ease-in-out}.app-screen{fill:#303745e6;stroke:#4b8edb99;stroke-width:1;animation:fadeIn 2s infinite alternate}.app-element{fill:#4b8edb4d;stroke:#4b8edb99;stroke-width:.5;animation:fadeElement 2s infinite alternate}.brain-app-connection{stroke-dasharray:30;stroke-dashoffset:30;animation:drawWave 1.5s infinite alternate ease-in-out}.data-flow-particle{animation:flowParticle 2s infinite}@keyframes flowParticle{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(15px);opacity:0}}@keyframes fadeIn{0%{opacity:.3}to{opacity:.9}}.app-outline{fill:none;stroke-dasharray:200;stroke-dashoffset:200;animation:drawPath 3s infinite alternate ease-in-out}.brain-app-wave{stroke-dasharray:50;stroke-dashoffset:50;animation:drawWave 1.5s infinite alternate ease-in-out}@keyframes drawPath{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes drawWave{0%{stroke-dashoffset:50;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes pulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes fadeElement{0%{opacity:.3}to{opacity:.8}}.step-content{flex:1}.step-content h3{font-size:1.8rem;font-weight:600;margin-bottom:.75rem;color:#fff;background:linear-gradient(90deg,#fff,#64f4ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.step-content p{font-size:1.1rem;line-height:1.6;color:#fffc;margin:0}.step:after{content:attr(data-step);position:absolute;top:1rem;right:1.5rem;font-size:3rem;font-weight:700;color:#4b8edb26;transition:all .3s ease}.step:hover:after{color:#4b8edb40}@media (max-width: 640px){.step{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:1.5rem}.step-icon{margin-bottom:.5rem;width:90px;height:90px}.step:after{top:.75rem;right:1rem;font-size:2.5rem}.how-it-works-title{font-size:2rem}.how-it-works-description{font-size:1.1rem;padding:0 1rem}}.feature-benefits{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.benefit{display:flex;align-items:center;gap:.5rem}.benefit-icon{color:#64f4ac;font-weight:700}.use-cases-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:2rem}.your-use-case-container{margin-top:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.use-cases-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.use-cases-grid{grid-template-columns:repeat(3,1fr)}}.use-case{border-radius:10px;padding:.5rem;text-align:center;transition:transform .3s ease,background .3s ease;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.use-case:hover{background:#ffffff14;transform:translateY(-5px)}.use-case.your-idea{background:linear-gradient(135deg,#64f4ac1a,#64f4ac33);border:1px dashed rgba(100,244,172,.3);padding:2rem}.use-case.your-idea:hover{background:linear-gradient(135deg,#64f4ac26,#64f4ac40)}.use-case-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#64f4ac;font-size:2.5rem;background:#64f4ac1a;border-radius:50%;transition:transform .3s ease,background-color .3s ease}.use-case:hover .use-case-icon{transform:scale(1.1);background:#64f4ac33}.use-case.your-idea .use-case-icon{background:#64f4ac33;animation:pulse 2s infinite;width:80px;height:80px;font-size:3rem}@keyframes pulse{0%{box-shadow:0 0 #64f4ac66}70%{box-shadow:0 0 0 10px #64f4ac00}to{box-shadow:0 0 #64f4ac00}}.use-case h3{margin:0 0 .5rem;font-size:1.2rem}.use-case p{margin:0;color:#fffc;font-size:.9rem}.use-case.your-idea h3{font-size:1.5rem;margin-bottom:1rem}.use-case.your-idea p{font-size:1rem;line-height:1.5}.use-case-cta{margin-top:1.5rem}.use-case-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#64f4ac4d,#64f4ac80);color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:all .3s ease}.use-case-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #64f4ac4d;background:linear-gradient(135deg,#64f4ac66,#64f4ac99)}.cta-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;align-items:center}@media (min-width: 640px){.cta-container{flex-direction:row;justify-content:center}}.cta-button{display:inline-block;padding:1rem 2rem;border-radius:30px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;min-width:200px}.cta-button.primary{background:linear-gradient(135deg,#4b8edb,#8b60c7);color:#fff;border:none}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #4b8edb4d}.cta-button.secondary:hover{transform:translateY(-3px);border-color:#ffffff80}@media (max-width: 480px){.dev-buttons{flex-direction:column}}.platform-value{margin:1.5rem 0 2.5rem;background:linear-gradient(135deg,#4b8edb1a,#8b60c71a);border-radius:10px;padding:1.5rem;border:1px solid rgba(100,244,172,.1);max-width:800px}.platform-value p{margin:0;line-height:1.6;color:#ffffffe6;font-size:1.1rem}.device-showcase{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;padding:1rem}.device-model{flex:1 1 calc(50% - 1.5rem);max-width:180px;display:flex;flex-direction:column;align-items:center;padding:1rem;background:#121a2eb3;border-radius:12px;border:1px solid rgba(75,142,219,.3);transition:all .3s ease;cursor:pointer;text-align:center}.device-model:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:#4b8edb99}.device-image{width:80px;height:80px;object-fit:contain;margin-bottom:.5rem;filter:invert(100%) grayscale(100%)}.device-label{font-size:.9rem;color:#fff;margin-top:.5rem}@media (min-width: 768px){.device-showcase{justify-content:space-around}.device-model{flex:0 1 calc(25% - 1.5rem)}}@media (max-width: 767px){.feature-image-container{flex:0 0 auto;min-height:320px}.device-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.75rem;width:100%;justify-content:center}.device-model{flex:1 1 auto;max-width:none;padding:.75rem}.device-image{width:60px;height:60px}.device-label{font-size:.8rem}}.neural-network-animation{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;background:#0003;border-radius:8px;overflow:hidden}.neural-network-container{width:90%;height:90%;position:relative;display:flex;align-items:center;justify-content:space-between}.network-layer{display:flex;flex-direction:column;justify-content:space-around;height:100%;position:relative;z-index:2;padding:0 15px}.node{width:12px;height:12px;border-radius:50%;margin:5px;position:relative;box-shadow:0 0 8px currentColor}.input-node{background-color:#64f4ac;color:#64f4ac;animation:nodeActivatePulse 3s infinite}.hidden-node{background-color:#4b8edb;color:#4b8edb;animation:nodeActivatePulse 3s infinite}.output-node{background-color:#ff79c6;color:#ff79c6;animation:nodeActivatePulse 3s infinite}.input-node:nth-child(1){animation-delay:0s}.input-node:nth-child(2){animation-delay:.2s}.input-node:nth-child(3){animation-delay:.4s}.input-node:nth-child(4){animation-delay:.6s}.input-node:nth-child(5){animation-delay:.8s}.hidden-layer-1 .hidden-node:nth-child(1){animation-delay:.3s}.hidden-layer-1 .hidden-node:nth-child(2){animation-delay:.5s}.hidden-layer-1 .hidden-node:nth-child(3){animation-delay:.7s}.hidden-layer-1 .hidden-node:nth-child(4){animation-delay:.9s}.hidden-layer-1 .hidden-node:nth-child(5){animation-delay:1.1s}.hidden-layer-1 .hidden-node:nth-child(6){animation-delay:1.3s}.hidden-layer-1 .hidden-node:nth-child(7){animation-delay:1.5s}.hidden-layer-2 .hidden-node:nth-child(1){animation-delay:.6s}.hidden-layer-2 .hidden-node:nth-child(2){animation-delay:.8s}.hidden-layer-2 .hidden-node:nth-child(3){animation-delay:1s}.hidden-layer-2 .hidden-node:nth-child(4){animation-delay:1.2s}.hidden-layer-2 .hidden-node:nth-child(5){animation-delay:1.4s}.hidden-layer-2 .hidden-node:nth-child(6){animation-delay:1.6s}.hidden-layer-2 .hidden-node:nth-child(7){animation-delay:1.8s}.hidden-layer-2 .hidden-node:nth-child(8){animation-delay:2s}.hidden-layer-3 .hidden-node:nth-child(1){animation-delay:.9s}.hidden-layer-3 .hidden-node:nth-child(2){animation-delay:1.1s}.hidden-layer-3 .hidden-node:nth-child(3){animation-delay:1.3s}.hidden-layer-3 .hidden-node:nth-child(4){animation-delay:1.5s}.hidden-layer-3 .hidden-node:nth-child(5){animation-delay:1.7s}.output-node:nth-child(1){animation-delay:1.2s}.output-node:nth-child(2){animation-delay:1.4s}.output-node:nth-child(3){animation-delay:1.6s}@keyframes nodeActivatePulse{0%,to{transform:scale(1);opacity:.7}5%,15%{transform:scale(1.5);opacity:1;box-shadow:0 0 15px currentColor}30%{transform:scale(1);opacity:.7}}.node:after{content:"";position:absolute;top:50%;left:100%;height:2px;background:linear-gradient(90deg,currentColor,rgba(255,255,255,0));transform:translateY(-50%);opacity:0;z-index:10;pointer-events:none}.input-node:after,.hidden-node:after{width:80px;animation:connectionBeam 3s infinite}.input-node:nth-child(1):after{animation-delay:0s}.input-node:nth-child(2):after{animation-delay:.2s}.input-node:nth-child(3):after{animation-delay:.4s}.input-node:nth-child(4):after{animation-delay:.6s}.input-node:nth-child(5):after{animation-delay:.8s}.hidden-layer-1 .hidden-node:nth-child(1):after{animation-delay:.3s}.hidden-layer-1 .hidden-node:nth-child(2):after{animation-delay:.5s}.hidden-layer-1 .hidden-node:nth-child(3):after{animation-delay:.7s}.hidden-layer-1 .hidden-node:nth-child(4):after{animation-delay:.9s}.hidden-layer-1 .hidden-node:nth-child(5):after{animation-delay:1.1s}.hidden-layer-1 .hidden-node:nth-child(6):after{animation-delay:1.3s}.hidden-layer-1 .hidden-node:nth-child(7):after{animation-delay:1.5s}.hidden-layer-2 .hidden-node:nth-child(1):after{animation-delay:.6s}.hidden-layer-2 .hidden-node:nth-child(2):after{animation-delay:.8s}.hidden-layer-2 .hidden-node:nth-child(3):after{animation-delay:1s}.hidden-layer-2 .hidden-node:nth-child(4):after{animation-delay:1.2s}.hidden-layer-2 .hidden-node:nth-child(5):after{animation-delay:1.4s}.hidden-layer-2 .hidden-node:nth-child(6):after{animation-delay:1.6s}.hidden-layer-2 .hidden-node:nth-child(7):after{animation-delay:1.8s}.hidden-layer-2 .hidden-node:nth-child(8):after{animation-delay:2s}.hidden-layer-3 .hidden-node:nth-child(1):after{animation-delay:.9s}.hidden-layer-3 .hidden-node:nth-child(2):after{animation-delay:1.1s}.hidden-layer-3 .hidden-node:nth-child(3):after{animation-delay:1.3s}.hidden-layer-3 .hidden-node:nth-child(4):after{animation-delay:1.5s}.hidden-layer-3 .hidden-node:nth-child(5):after{animation-delay:1.7s}.output-node:after{display:none}@keyframes connectionBeam{0%,to{opacity:0;width:0}5%,15%{opacity:.7;width:80px}30%{opacity:0;width:0}}@media (max-width: 640px){.input-node:after,.hidden-node:after{width:40px}@keyframes connectionBeam{0%,to{opacity:0;width:0}5%,15%{opacity:.7;width:40px}30%{opacity:0;width:0}}}.network-layer:before{content:"";position:absolute;width:100px;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 40%,rgba(75,142,219,.05) 50%,transparent 60%,transparent 100%);animation:connectionGlow 3s infinite;right:-50px;z-index:1}.input-layer:before{background:linear-gradient(90deg,transparent 0%,transparent 40%,rgba(100,244,172,.05) 50%,transparent 60%,transparent 100%)}.output-layer:before{content:none}.neural-network-container:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 15% 50%,transparent 9.5px,rgba(100,244,172,.05) 10px,transparent 11px),radial-gradient(circle at 35% 50%,transparent 9.5px,rgba(75,142,219,.05) 10px,transparent 11px),radial-gradient(circle at 55% 50%,transparent 9.5px,rgba(75,142,219,.05) 10px,transparent 11px),radial-gradient(circle at 75% 50%,transparent 9.5px,rgba(75,142,219,.05) 10px,transparent 11px),radial-gradient(circle at 85% 50%,transparent 9.5px,rgba(255,121,198,.05) 10px,transparent 11px);z-index:0;opacity:.7}.data-flow-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.data-flow-particles:before,.data-flow-particles:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 0% 0%,transparent 99.2%,#64f4ac 99.5%,transparent 100%),radial-gradient(circle at 20% 20%,transparent 99.2%,#4b8edb 99.5%,transparent 100%),radial-gradient(circle at 40% 40%,transparent 99.2%,#4b8edb 99.5%,transparent 100%),radial-gradient(circle at 60% 60%,transparent 99.2%,#4b8edb 99.5%,transparent 100%),radial-gradient(circle at 80% 80%,transparent 99.2%,#ff79c6 99.5%,transparent 100%);background-size:200px 200px;animation:flowParticles 5s infinite linear;opacity:.6}.data-flow-particles:after{animation-direction:reverse;animation-duration:7s;opacity:.4}.neural-network-container:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 95%,rgba(75,142,219,.1) 97%,transparent 98%),linear-gradient(90deg,transparent 92%,rgba(100,244,172,.1) 94%,transparent 96%),linear-gradient(90deg,transparent 89%,rgba(255,121,198,.1) 91%,transparent 94%),linear-gradient(90deg,transparent 86%,rgba(75,142,219,.1) 88%,transparent 91%);background-size:100px 25%,100px 25%,100px 25%,100px 25%;background-position:0 0%,0 25%,0 50%,0 75%;z-index:0;animation:flowLines 3s infinite linear;opacity:.5}.hidden-layer-1:after,.hidden-layer-2:after{content:"";position:absolute;width:150px;height:50%;border-top:1px dashed rgba(75,142,219,.1);border-bottom:1px dashed rgba(75,142,219,.1);right:-75px;z-index:0;animation:skipConnectionPulse 4s infinite ease-in-out}.hidden-layer-1:after{top:25%}.hidden-layer-2:after{top:40%}@keyframes pulseNode{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 12px currentColor}}@keyframes connectionGlow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes flowParticles{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes rotateConnections{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skipConnectionPulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes flowLines{0%{background-position:-100px 0%,-100px 25%,-100px 50%,-100px 75%}to{background-position:100% 0%,100% 25%,100% 50%,100% 75%}}@media (max-width: 640px){.neural-network-container{width:95%}.node{width:8px;height:8px;margin:3px}.network-layer:before{width:60px;right:-30px}}.recurrent-connections{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.recurrent-path{position:absolute;border:1px dashed rgba(75,142,219,.2);border-radius:50%;animation:pulsePath 4s infinite alternate}.path-1{width:60px;height:100px;top:20%;left:33%;border-color:#64f4ac33;animation-delay:.5s}.path-2{width:50px;height:80px;top:50%;left:55%;animation-delay:1s}.path-3{width:40px;height:70px;top:30%;left:70%;border-color:#ff79c633;animation-delay:1.5s}@keyframes pulsePath{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.7}}.residual-connections{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.residual-path{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 20%,rgba(75,142,219,.05) 22%,transparent 24%),linear-gradient(90deg,transparent 40%,rgba(100,244,172,.05) 42%,transparent 44%),linear-gradient(90deg,transparent 60%,rgba(255,121,198,.05) 62%,transparent 64%);background-size:100% 33.33%;animation:residualGlow 5s infinite alternate;opacity:.5}@keyframes residualGlow{0%,to{opacity:.3;background-position:0 0}50%{opacity:.6;background-position:5px 0}}.attention-mechanism{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.attention-head{position:absolute;border:1px solid rgba(75,142,219,.1);width:25px;height:25px;border-radius:4px;transform:rotate(45deg);animation:attentionPulse 3s infinite}.head-1{top:30%;left:40%;border-color:#64f4ac1a;animation-delay:.3s}.head-2{top:50%;left:60%;animation-delay:.6s}.head-3{top:70%;left:45%;border-color:#ff79c61a;animation-delay:.9s}@keyframes attentionPulse{0%,to{transform:rotate(45deg) scale(1);opacity:.3}50%{transform:rotate(45deg) scale(1.2);opacity:.6;box-shadow:0 0 5px currentColor}}.network-labels{position:absolute;bottom:10px;width:100%;text-align:center;z-index:3;pointer-events:none}.network-label{font-size:.8rem;color:#ffffffb3;background:#0003;padding:4px 8px;border-radius:4px;display:inline-block;animation:labelPulse 4s infinite alternate}@keyframes labelPulse{0%,to{opacity:.6}50%{opacity:.9}}@media (max-width: 640px){.network-label{font-size:.7rem;padding:3px 6px}.recurrent-path{transform:scale(.8)}.attention-head{transform:rotate(45deg) scale(.8)}}.neural-network-animation:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,transparent 98.5%,#64f4ac 99%,transparent 100%) 0 0 / 300px 300px,radial-gradient(circle at 35% 40%,transparent 98.5%,#4b8edb 99%,transparent 100%) 0 0 / 300px 300px,radial-gradient(circle at 60% 60%,transparent 98.5%,#4b8edb 99%,transparent 100%) 0 0 / 300px 300px,radial-gradient(circle at 80% 70%,transparent 98.5%,#ff79c6 99%,transparent 100%) 0 0 / 300px 300px;animation:moveDataParticles 8s infinite linear;z-index:2;opacity:.7;pointer-events:none}@keyframes moveDataParticles{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%}to{background-position:100% 100%,100% 100%,100% 100%,100% 100%}}.network-layer:after{content:"";position:absolute;width:20px;height:100%;left:16px;background:radial-gradient(ellipse at center,transparent 60%,rgba(75,142,219,.2) 100%);opacity:0;animation:layerActivation 5s infinite;pointer-events:none;z-index:0}.hidden-layer-1:after{animation-delay:.5s}.hidden-layer-2:after{animation-delay:1s}.hidden-layer-3:after{animation-delay:1.5s}.output-layer:after{animation-delay:2s;background:radial-gradient(ellipse at center,transparent 60%,rgba(255,121,198,.2) 100%)}@keyframes layerActivation{0%,10%,90%,to{opacity:0}30%,70%{opacity:1}}.node:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,currentColor 0%,transparent 60%);opacity:0;animation:nodeActivation 4s var(--delay) infinite ease-in-out;z-index:-1;pointer-events:none}@keyframes nodeActivation{0%,to{opacity:0}50%{opacity:.3}}.connection-lines{position:relative;width:80px;height:100%;z-index:1;margin:0 -15px}.connection-lines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;opacity:.4;animation:connectionFlash 5s infinite alternate,connectionWave 8s infinite linear;transform-origin:center center}.layer-1-2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='300' viewBox='0 0 80 300'%3E%3Cg stroke='%2364f4ac' stroke-width='0.8'%3E%3Cpath d='M0,20 L80,10' /%3E%3Cpath d='M0,20 L80,50' /%3E%3Cpath d='M0,20 L80,90' /%3E%3Cpath d='M0,20 L80,130' /%3E%3Cpath d='M0,20 L80,170' /%3E%3Cpath d='M0,65 L80,30' /%3E%3Cpath d='M0,65 L80,70' /%3E%3Cpath d='M0,65 L80,110' /%3E%3Cpath d='M0,65 L80,150' /%3E%3Cpath d='M0,65 L80,190' /%3E%3Cpath d='M0,110 L80,50' /%3E%3Cpath d='M0,110 L80,90' /%3E%3Cpath d='M0,110 L80,130' /%3E%3Cpath d='M0,110 L80,170' /%3E%3Cpath d='M0,110 L80,210' /%3E%3Cpath d='M0,155 L80,50' /%3E%3Cpath d='M0,155 L80,90' /%3E%3Cpath d='M0,155 L80,130' /%3E%3Cpath d='M0,155 L80,170' /%3E%3Cpath d='M0,155 L80,210' /%3E%3Cpath d='M0,200 L80,70' /%3E%3Cpath d='M0,200 L80,110' /%3E%3Cpath d='M0,200 L80,150' /%3E%3Cpath d='M0,200 L80,190' /%3E%3Cpath d='M0,200 L80,230' /%3E%3Cpath d='M0,245 L80,90' /%3E%3Cpath d='M0,245 L80,130' /%3E%3Cpath d='M0,245 L80,170' /%3E%3Cpath d='M0,245 L80,210' /%3E%3Cpath d='M0,245 L80,250' /%3E%3C/g%3E%3C/svg%3E")}.layer-2-3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='300' viewBox='0 0 80 300'%3E%3Cg stroke='%234b8edb' stroke-width='0.8'%3E%3Cpath d='M0,40 L80,30' /%3E%3Cpath d='M0,40 L80,60' /%3E%3Cpath d='M0,40 L80,90' /%3E%3Cpath d='M0,80 L80,30' /%3E%3Cpath d='M0,80 L80,120' /%3E%3Cpath d='M0,80 L80,150' /%3E%3Cpath d='M0,120 L80,60' /%3E%3Cpath d='M0,120 L80,120' /%3E%3Cpath d='M0,120 L80,180' /%3E%3Cpath d='M0,160 L80,90' /%3E%3Cpath d='M0,160 L80,150' /%3E%3Cpath d='M0,160 L80,210' /%3E%3Cpath d='M0,200 L80,120' /%3E%3Cpath d='M0,200 L80,180' /%3E%3Cpath d='M0,200 L80,240' /%3E%3Cpath d='M0,240 L80,150' /%3E%3Cpath d='M0,240 L80,210' /%3E%3Cpath d='M0,240 L80,270' /%3E%3Cpath d='M0,240 L80,270' /%3E%3C/g%3E%3C/svg%3E")}.layer-3-4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='300' viewBox='0 0 80 300'%3E%3Cg stroke='%234b8edb' stroke-width='0.8'%3E%3Cpath d='M0,30 L80,60' /%3E%3Cpath d='M0,30 L80,120' /%3E%3Cpath d='M0,30 L80,180' /%3E%3Cpath d='M0,60 L80,60' /%3E%3Cpath d='M0,60 L80,120' /%3E%3Cpath d='M0,60 L80,240' /%3E%3Cpath d='M0,90 L80,60' /%3E%3Cpath d='M0,90 L80,180' /%3E%3Cpath d='M0,90 L80,240' /%3E%3Cpath d='M0,120 L80,60' /%3E%3Cpath d='M0,120 L80,120' /%3E%3Cpath d='M0,120 L80,240' /%3E%3Cpath d='M0,150 L80,60' /%3E%3Cpath d='M0,150 L80,120' /%3E%3Cpath d='M0,150 L80,180' /%3E%3Cpath d='M0,180 L80,120' /%3E%3Cpath d='M0,180 L80,180' /%3E%3Cpath d='M0,180 L80,240' /%3E%3Cpath d='M0,210 L80,120' /%3E%3Cpath d='M0,210 L80,180' /%3E%3Cpath d='M0,210 L80,240' /%3E%3Cpath d='M0,240 L80,60' /%3E%3Cpath d='M0,240 L80,180' /%3E%3Cpath d='M0,240 L80,240' /%3E%3Cpath d='M0,270 L80,120' /%3E%3Cpath d='M0,270 L80,180' /%3E%3Cpath d='M0,270 L80,240' /%3E%3C/g%3E%3C/svg%3E")}.layer-4-5:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='300' viewBox='0 0 80 300'%3E%3Cg stroke='%23ff79c6' stroke-width='0.8'%3E%3Cpath d='M0,60 L80,120' /%3E%3Cpath d='M0,60 L80,150' /%3E%3Cpath d='M0,60 L80,180' /%3E%3Cpath d='M0,120 L80,120' /%3E%3Cpath d='M0,120 L80,150' /%3E%3Cpath d='M0,120 L80,180' /%3E%3Cpath d='M0,180 L80,120' /%3E%3Cpath d='M0,180 L80,150' /%3E%3Cpath d='M0,180 L80,180' /%3E%3Cpath d='M0,240 L80,120' /%3E%3Cpath d='M0,240 L80,150' /%3E%3Cpath d='M0,240 L80,180' /%3E%3C/g%3E%3C/svg%3E")}@keyframes connectionFlash{0%,to{opacity:.2}50%{opacity:.4}}.propagation-particles{position:absolute;width:100%;height:100%;z-index:3;pointer-events:none}.propagation-particle{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#64f4ac;top:var(--top, 50%);left:0;transform:translate(-50%,-50%);box-shadow:0 0 6px #64f4ac;opacity:.8;animation:propagateLeftToRight 2s infinite var(--delay, 0s)}.propagation-particle.p5,.propagation-particle.p6,.propagation-particle.p7,.propagation-particle.p8{background-color:#4b8edb;box-shadow:0 0 6px #4b8edb;animation-duration:1.8s}.propagation-particle.p9,.propagation-particle.p10,.propagation-particle.p11,.propagation-particle.p12{background-color:#4b8edb;box-shadow:0 0 6px #4b8edb;animation-duration:1.6s}.propagation-particle.p13,.propagation-particle.p14,.propagation-particle.p15{background-color:#ff79c6;box-shadow:0 0 6px #ff79c6;animation-duration:1.4s}@keyframes propagateLeftToRight{0%{left:15%;opacity:0;transform:translate(-50%,-50%) scale(.6)}10%{opacity:.9;transform:translate(-50%,-50%) scale(1)}90%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{left:85%;opacity:0;transform:translate(-50%,-50%) scale(.6)}}.connection-lines:before{animation:connectionFlash 5s infinite alternate,connectionWave 8s infinite linear}@keyframes connectionWave{0%{background-position:0 0;opacity:.15}25%{opacity:.35}50%{background-position:20px 0;opacity:.15}75%{opacity:.35}to{background-position:0 0;opacity:.15}}@media (max-width: 640px){.propagation-particle{width:3px;height:3px}@keyframes propagateLeftToRight{0%{left:10%;opacity:0}10%{opacity:.9}90%{opacity:.9}to{left:90%;opacity:0}}}.node-random-1{transform:translate(2px,-3px);width:11px;height:11px}.node-random-2{transform:translate(-1px,2px);width:13px;height:13px}.node-random-3{transform:translate(3px,1px);width:12px;height:12px}.node-random-4{transform:translate(-2px,-2px);width:13px;height:13px}.node-random-5{transform:translate(1px,3px);width:11px;height:11px}.node-random-6{transform:translate(-3px,-1px);width:13px;height:13px}.node-random-7{transform:translate(2px,2px);width:11px;height:11px}.node-random-8{transform:translate(-1px,3px);width:12px;height:12px}.node-random-9{transform:translate(3px,-2px);width:13px;height:13px}.node-random-10{transform:translate(-2px,1px);width:11px;height:11px}.node-random-11{transform:translate(1px,-3px);width:12px;height:12px}.node-random-12{transform:translate(-1px,2px);width:13px;height:13px}.node-random-13{transform:translate(2px,3px);width:11px;height:11px}.node-random-14{transform:translate(-3px,-1px);width:13px;height:13px}.node-random-15{transform:translate(1px,2px);width:12px;height:12px}.node-random-16{transform:translate(-2px,-2px);width:11px;height:11px}.node-random-17{transform:translate(3px,1px);width:13px;height:13px}.node-random-18{transform:translate(-1px,-3px);width:12px;height:12px}.node-random-19{transform:translate(2px,2px);width:11px;height:11px}.node-random-20{transform:translate(-3px,-1px);width:13px;height:13px}.node-random-21{transform:translate(1px,3px);width:12px;height:12px}.node-random-22{transform:translate(-2px,-2px);width:13px;height:13px}.node-random-23{transform:translate(3px,1px);width:11px;height:11px}.node-random-24{transform:translate(-1px,-3px);width:12px;height:12px}.node-random-25{transform:translate(2px,2px);width:13px;height:13px}.node-random-26{transform:translate(-3px,-1px);width:13px;height:13px}.node-random-27{transform:translate(1px,2px);width:12px;height:12px}.node-random-28{transform:translate(-2px,-2px);width:11px;height:11px}.hidden-layer-1{transform:translateY(-5px)}.hidden-layer-2{transform:translateY(3px)}.hidden-layer-3{transform:translateY(-2px)}.output-layer{transform:translateY(4px)}.input-node.node-random-1{box-shadow:0 0 10px currentColor}.input-node.node-random-3{box-shadow:0 0 7px currentColor}.input-node.node-random-5{box-shadow:0 0 9px currentColor}.hidden-node.node-random-7{box-shadow:0 0 6px currentColor}.hidden-node.node-random-10{box-shadow:0 0 10px currentColor}.hidden-node.node-random-13{box-shadow:0 0 7px currentColor}.hidden-node.node-random-16{box-shadow:0 0 9px currentColor}.hidden-node.node-random-19{box-shadow:0 0 6px currentColor}.hidden-node.node-random-22{box-shadow:0 0 10px currentColor}.hidden-node.node-random-25{box-shadow:0 0 8px currentColor}.output-node.node-random-26{box-shadow:0 0 7px currentColor}.output-node.node-random-28{box-shadow:0 0 9px currentColor}.ios-permission-screen{width:100%;max-width:360px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ios-device-frame{background:#fff;border-radius:50px;box-shadow:0 10px 30px #00000026;overflow:hidden;position:relative;width:100%;height:700px;padding:0;margin:0 auto;border:1px solid rgba(0,0,0,.1)}.dynamic-island{width:126px;height:36px;background-color:#000;border-radius:20px;position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;z-index:10}.dynamic-island-content{display:flex;justify-content:space-between;width:70px;align-items:center}.island-dot{width:8px;height:8px;background:#1a1a1a;border-radius:50%;border:2px solid #333}.island-camera{width:12px;height:12px;background:#1a1a1a;border-radius:50%;border:2px solid #333}.ios-app-content{height:calc(100% - 4rem);display:flex;flex-direction:column;padding:60px 20px 20px}.app-header{display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px}.app-title{font-size:22px;font-weight:700;color:#000;flex-grow:1;margin-left:10px}.back-button{width:30px;height:30px;display:flex;align-items:center}.permissions-list{flex-grow:1;overflow-y:auto;padding-right:5px}.permission-section{margin-bottom:25px;background:#f7f7f7;border-radius:16px;padding:15px}.section-header{display:flex;align-items:center;margin-bottom:15px}.app-icon{width:40px;height:40px;border-radius:10px;overflow:hidden;margin-right:15px}.app-name{font-size:18px;font-weight:600;color:#000}.permissions{display:flex;flex-direction:column;gap:15px}.permission-item{display:flex;justify-content:space-between;align-items:center}.permission-name{font-size:16px;color:#333}.permission-toggle{width:50px;height:30px;position:relative}.toggle-track{width:50px;height:30px;background-color:#e9e9ea;border-radius:15px;position:relative;transition:background-color .3s}.permission-toggle.active .toggle-track{background-color:#34c759}.toggle-thumb{width:26px;height:26px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.permission-toggle.active .toggle-thumb{transform:translate(20px)}.privacy-info{display:flex;align-items:center;background:#007aff1a;padding:16px;border-radius:16px;margin-top:10px;margin-bottom:15px}.info-icon{margin-right:12px;flex-shrink:0}.info-text{font-size:14px;color:#007aff;line-height:1.3;flex-shrink:1;overflow-wrap:break-word}.home-indicator{display:flex;justify-content:center;align-items:center;height:34px;position:absolute;bottom:0;width:100%}.indicator-bar{width:36%;height:5px;background-color:#000;border-radius:3px;opacity:.2}.animated-graph-container{width:100%;height:100%;min-height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden}.animated-graph{height:auto;background-color:#0a0f1e80;border-radius:12px;padding:10px;box-shadow:0 8px 24px #0000004d}.axis{stroke:#ffffffb3;stroke-width:2}.grid-line{stroke:#ffffff26;stroke-width:1}.axis-label{fill:#ffffffb3;font-size:10px;font-family:Arial,sans-serif;text-anchor:middle}.data-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:url(#glow);transform-origin:center}.data-point{opacity:0;filter:url(#glow)}.legend-label{fill:#ffffffe6;font-size:10px;font-family:Arial,sans-serif;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:3.5s}.graph-overlay{fill:#ffffff0d;mask:url(#overlay-mask);pointer-events:none}@keyframes moveLine{0%{transform:translate(-400px)}to{transform:translate(0)}}@media (max-width: 768px){.animated-graph{max-width:100%}.axis-label,.legend-label{font-size:8px}.data-line{stroke-width:2}.data-point{r:3}}.data-dashboard-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto}.data-card{background:#0a0f2380;border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:0 15px 30px #0000004d;border:1px solid rgba(100,244,172,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.data-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.data-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.data-card-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.data-time-selector{display:flex;background:#0003;border-radius:20px;padding:3px}.time-option{padding:.5rem 1rem;font-size:.9rem;color:#fff9;border-radius:18px;cursor:pointer;transition:all .2s ease}.time-option.active{background:#64f4ac33;color:#64f4ac;box-shadow:0 2px 8px #64f4ac33}.time-option:hover:not(.active){color:#ffffffe6;background:#ffffff1a}.data-visualization{width:100%;margin-bottom:1.5rem;position:relative}.grid-line{stroke:#ffffff14;stroke-width:1}.axis{stroke:#ffffff4d;stroke-width:2}.axis-label{fill:#ffffffb3;font-size:12px;font-family:Arial,sans-serif}.area-fill{opacity:0;animation:fadeInArea 2s ease-out forwards;transition:opacity .5s ease}.focus-area{animation-delay:2.5s}.engagement-area{animation-delay:3s}.emotion-area{animation-delay:3.5s}.cognitive-area{animation-delay:4s}.data-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:url(#glow);transform-origin:center}.focus-line{stroke:#4b8edb;animation:drawLine 3s ease-in-out forwards,oscillate 8s ease-in-out infinite;animation-delay:.2s,3.2s}.engagement-line{stroke:#8b60c7;animation:drawLine 3s ease-in-out forwards,oscillate 9s ease-in-out infinite;animation-delay:.5s,3.5s}.emotion-line{stroke:#e86ca0;animation:drawLine 3s ease-in-out forwards,oscillate 7s ease-in-out infinite;animation-delay:.8s,3.8s}.cognitive-line{stroke:#64f4ac;animation:drawLine 3s ease-in-out forwards,oscillate 10s ease-in-out infinite;animation-delay:1.1s,4.1s}.data-point{opacity:0;filter:url(#glow)}.focus-point{fill:#4b8edb;animation:fadeInPulse .5s ease-in-out forwards,pulsate 3s ease-in-out infinite;animation-delay:2.2s,3.2s}.engagement-point{fill:#8b60c7;animation:fadeInPulse .5s ease-in-out forwards,pulsate 3s ease-in-out infinite;animation-delay:2.5s,3.5s}.emotion-point{fill:#e86ca0;animation:fadeInPulse .5s ease-in-out forwards,pulsate 3s ease-in-out infinite;animation-delay:2.8s,3.8s}.cognitive-point{fill:#64f4ac;animation:fadeInPulse .5s ease-in-out forwards,pulsate 3s ease-in-out infinite;animation-delay:3.1s,4.1s}.current-value-bg{opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:4s}.current-value{fill:#fff;font-size:12px;font-weight:700;text-anchor:middle;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:4.2s}.focus-value-bg{fill:#4b8edb33;stroke:#4b8edb;stroke-width:1}.engagement-value-bg{fill:#8b60c733;stroke:#8b60c7;stroke-width:1}.emotion-value-bg{fill:#e86ca033;stroke:#e86ca0;stroke-width:1}.cognitive-value-bg{fill:#64f4ac33;stroke:#64f4ac;stroke-width:1}.legend-label{fill:#ffffffe6;font-size:12px;font-family:Arial,sans-serif;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:3.5s}.legend-color{opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:3.5s}.focus-color{fill:#4b8edb}.engagement-color{fill:#8b60c7}.emotion-color{fill:#e86ca0}.cognitive-color{fill:#64f4ac}.graph-overlay{fill:#ffffff0d;mask:url(#overlay-mask);pointer-events:none}.highlight-line{stroke:#fff6;stroke-width:1;stroke-dasharray:5,5;opacity:.5;animation:moveLine 15s linear infinite}.data-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.metric-item{background:#ffffff0d;border-radius:10px;padding:1rem;display:flex;align-items:center;transition:transform .2s ease,background .2s ease}.metric-item:hover{background:#ffffff1a;transform:translateY(-2px)}.focus-metric{border-left:3px solid #4B8EDB}.engagement-metric{border-left:3px solid #8B60C7}.emotion-metric{border-left:3px solid #E86CA0}.cognitive-metric{border-left:3px solid #64f4ac}.metric-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.metric-details{flex-grow:1}.metric-details h4{font-size:.9rem;margin:0 0 .25rem;color:#ffffffb3}.metric-value{font-size:1.5rem;font-weight:700;color:#fff}.metric-trend{display:flex;align-items:center;font-size:.9rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.metric-trend.positive{color:#64f4ac;background:#64f4ac1a}.metric-trend.negative{color:#e86ca0;background:#e86ca01a}.trend-arrow{margin-right:2px}.data-features{background:#0a0f2380;border-radius:12px;padding:2rem;backdrop-filter:blur(10px);box-shadow:0 15px 30px #0000004d;border:1px solid rgba(100,244,172,.1)}.data-features h3{font-size:1.5rem;margin:0 0 1rem;color:#fff}.data-features p{font-size:1.1rem;line-height:1.5;color:#fffc;margin-bottom:1.5rem}.data-actions{display:flex;gap:1rem;margin-top:1.5rem}.data-action-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4b8edb,#8b60c7);color:#fff;font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4b8edb4d;text-align:center}.data-action-button.secondary{background:#ffffff1a;box-shadow:0 4px 15px #0000001a}.data-action-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4b8edb66}.data-action-button.secondary:hover{background:#fff3;box-shadow:0 8px 20px #0003}@keyframes fadeInArea{0%{opacity:0}to{opacity:.5}}@keyframes drawLine{0%{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}50%{opacity:1}to{opacity:1;stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInPulse{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulsate{0%{transform:scale(1);opacity:.8;filter:brightness(1)}50%{transform:scale(1.3);opacity:1;filter:brightness(1.5)}to{transform:scale(1);opacity:.8;filter:brightness(1)}}@keyframes moveLine{0%{transform:translate(-640px)}to{transform:translate(0)}}@keyframes oscillate{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}to{transform:translateY(0)}}@media (max-width: 1024px){.data-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.data-dashboard-container{flex-direction:column}.data-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.data-time-selector{width:100%;justify-content:space-between}.data-metrics{grid-template-columns:1fr}.axis-label,.legend-label{font-size:10px}.data-line{stroke-width:2}.data-point{r:4}.legend-color{width:10px;height:4px}}.testimonials-container{position:relative;width:100%;max-width:1000px;margin:2rem auto;overflow:hidden;padding:2rem 0 3.5rem}.testimonials-slider{display:flex;width:300%;transition:transform .5s ease-in-out;position:relative;z-index:1}.testimonial-slide{width:33.333%;padding:0 1rem;box-sizing:border-box}.testimonial-content{background:linear-gradient(135deg,#4b8edb1a,#8b60c71a);border-radius:16px;padding:2.5rem;min-height:400px;position:relative;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.testimonial-content:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003;background:linear-gradient(135deg,#4b8edb26,#8b60c726);border-color:#64f4ac1a}.testimonial-quote{font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin-bottom:2rem;position:relative;font-style:italic;flex:1}.testimonial-quote:before{content:"";font-size:4rem;position:absolute;top:-2rem;left:-1rem;color:#64f4ac33;font-family:serif}.testimonial-author{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.25rem}.author-image{flex-shrink:0;width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid rgba(100,244,172,.3);box-shadow:0 0 15px #64f4ac33;position:relative;transition:all .3s ease}.testimonial-content:hover .author-image{border-color:#64f4ac99;box-shadow:0 0 20px #64f4ac66;transform:scale(1.05)}.author-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4b8edb33,#8b60c733);mix-blend-mode:overlay;z-index:1;transition:opacity .3s ease}.testimonial-content:hover .author-image:after{opacity:.7}.author-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.testimonial-content:hover .author-image img{transform:scale(1.1)}.author-info{flex:1}.author-name{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem;background:linear-gradient(90deg,#fff,#64f4ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.author-title{font-size:.9rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.4}.author-link{display:inline-block;color:#64f4ac;text-decoration:none;font-size:.9rem;transition:color .3s ease;position:relative}.author-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#64f4ac;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.author-link:hover{color:#fff}.author-link:hover:after{transform:scaleX(1);transform-origin:left}.testimonial-controls{display:flex;justify-content:center;margin-top:2rem;position:relative;z-index:2}.testimonial-indicators{display:flex;gap:1rem;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);background:#0a0f1eb3;padding:.75rem 1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:10;box-shadow:0 4px 12px #0003}.indicator{width:16px;height:16px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;margin:0 2px;transition:all .3s ease;position:relative;z-index:10;pointer-events:auto}.indicator.active{background:#64f4ac;transform:scale(1.3);box-shadow:0 0 8px #64f4ac99}.indicator:hover:not(.active){background:#fff9;transform:scale(1.1)}@media (max-width: 768px){.testimonial-quote{font-size:1rem}.testimonial-content{padding:1.5rem;min-height:320px}.testimonial-author{flex-direction:column;align-items:center;text-align:center;gap:1rem}.author-image{width:60px;height:60px}.author-name{font-size:1.1rem}.author-title{font-size:.8rem}.testimonials-container{padding-bottom:4.5rem}}.company-logo{margin:0 15px 0 10px;max-width:70px;height:auto;display:flex;align-items:center;justify-content:center}.company-logo img{width:100%;height:auto;max-height:40px;object-fit:contain;filter:brightness(.95);transition:filter .3s ease,transform .3s ease}.author-link:hover .company-logo img{filter:brightness(1.1);transform:scale(1.05)}@media (max-width: 768px){.testimonial-author{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.author-image{margin-right:0}.company-logo{margin:0 10px;max-width:60px}.company-logo img{max-height:35px}.author-info{width:100%;text-align:center;margin-top:10px}}