.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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.highlight{color:#64f4ac;font-weight:600}.capabilities-list{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;margin-bottom:2rem}.capability{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#121a2eb3;border-radius:12px;border:1px solid rgba(75,142,219,.3);box-shadow:0 8px 24px #0003;transition:all .3s var(--transition-smooth);opacity:1;transform:translateY(0)}html.js .capability{opacity:0;transform:translateY(50px)}html.js .capability.animate-in{opacity:1;transform:translateY(0)}.capability:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d,0 0 15px #4b8edb66;border-color:#4b8edb99}.capability-icon{flex-shrink:0;width:80px;height:80px}.capability-svg{width:100%;height:100%}.capability-circle{fill:#303745b3;stroke:#4b8edb99;stroke-width:1.5}.capability-symbol{fill:none;stroke:#4b8edbe6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brain-wave{stroke-dasharray:100;stroke-dashoffset:100;animation:drawWave 3s infinite alternate ease-in-out}@keyframes drawWave{0%{stroke-dashoffset:100;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.8}}.pulse-circle{animation:pulsate 2s infinite ease-in-out}@keyframes pulsate{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.1);opacity:1}}.interaction-path{stroke-dasharray:100;stroke-dashoffset:100;animation:drawPath 3s infinite alternate ease-in-out}@keyframes drawPath{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.connection-point{animation:blink 2s infinite alternate}@keyframes blink{0%,to{opacity:.5;r:3}50%{opacity:1;r:5}}.data-point{fill:#4b8edbe6;animation:moveData 2s infinite}@keyframes moveData{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.fingerprint-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawFingerprint 3s infinite alternate ease-in-out}@keyframes drawFingerprint{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.scan-line{stroke:#4b8edbcc;stroke-width:1;stroke-dasharray:5,5;animation:scanEffect 3s infinite linear;opacity:.7}@keyframes scanEffect{0%{transform:translateY(-20px) translate(-20px);opacity:0}50%{opacity:.8}to{transform:translateY(20px) translate(20px);opacity:0}}.capability-content{flex:1}.capability-content h3{margin-top:0;margin-bottom:.5rem;color:#4b8edb}.tech-visualization{margin-top:3rem}.tech-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.tech-step{flex:1;min-width:200px;max-width:250px;padding:1.5rem;background:#303745b3;border-radius:12px;border:1px solid rgba(75,142,219,.3);text-align:center;box-shadow:0 8px 32px #0003;backdrop-filter:blur(8px);opacity:1;transform:translateY(0);transition:all .3s var(--transition-smooth)}html.js .tech-step{opacity:0;transform:translateY(30px)}html.js .tech-step.animate-in{opacity:1;transform:translateY(0)}.tech-icon{width:60px;height:60px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.9}.sensor-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 12h8'%3E%3C/path%3E%3Cpath d='M12 8v8'%3E%3C/path%3E%3C/svg%3E")}.processing-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'%3E%3C/path%3E%3C/svg%3E")}.ai-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a4 4 0 0 0-4 4v2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-2V6a4 4 0 0 0-4-4z'%3E%3C/path%3E%3Ccircle cx='12' cy='11' r='1'%3E%3C/circle%3E%3Cpath d='M12 12v3'%3E%3C/path%3E%3C/svg%3E")}.output-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 8 22 18 3 18 3 8'%3E%3C/polyline%3E%3Cpath d='M1 3h22v5H1z'%3E%3C/path%3E%3Cpath d='M10 12h4'%3E%3C/path%3E%3C/svg%3E")}.cta-buttons{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2rem;justify-content:center}.button-secondary{border:1px solid #4B8EDB}.button-secondary:hover{background:#4b8edb33}@media (max-width: 768px){.capability{flex-direction:column;align-items:center;text-align:center}.tech-flow{flex-direction:column;align-items:center}.cta-buttons{flex-direction:column}}.scroll-prompt{margin-top:2rem;padding:.8rem 1.5rem;background:#4b8edb33;border:1px solid rgba(75,142,219,.5);border-radius:30px;display:inline-block;font-size:.9rem;font-weight:500;color:#4b8edb;position:relative;transition:all .3s var(--transition-smooth);cursor:pointer}.scroll-prompt:hover{background:#4b8edb4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-prompt:hover:after{opacity:1}.tech-process-container{display:flex;flex-direction:column;gap:2rem;margin:1rem auto 3rem;padding:1.5rem;max-width:1000px}.content{max-width:1000px;margin:0 auto;padding:0 1.5rem}#overview{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}.process-intro{margin-bottom:1.5rem}.process-intro h2{color:#4b8edb;margin-bottom:1rem;font-size:2rem}.process-intro p{max-width:800px;margin:0 auto;color:#ffffffe6;font-size:1.1rem;line-height:1.5}.tech-step-container{position:relative;padding:1.5rem;background:#121a2eb3;border-radius:12px;border:1px solid rgba(75,142,219,.3);box-shadow:0 8px 24px #0003;transition:all .4s var(--transition-smooth);opacity:1;transform:translateY(0)}html.js .tech-step-container{opacity:0;transform:translateY(30px)}html.js .tech-step-container.animate-in{opacity:1;transform:translateY(0)}.tech-step-container:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d,0 0 15px #4b8edb4d;border-color:#4b8edb80}.tech-step-container h3{color:#4b8edb;margin-bottom:1.5rem;font-size:1.4rem;position:relative;display:inline-block}.tech-step-container h3:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4B8EDB,transparent)}.tech-visual{display:flex;flex-direction:column;gap:1.5rem}.device-showcase,.analysis-showcase,.device-integration-showcase,.applications-showcase{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.5rem}.device-model,.analysis-model,.integration-model,.application-model{position:relative;width:80px;height:80px;background:#303745b3;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s var(--transition-smooth);border:2px solid rgba(75,142,219,.3);box-shadow:0 5px 15px #0003}.device-model:hover,.analysis-model:hover,.integration-model:hover,.application-model:hover,.device-model.active,.analysis-model.active,.integration-model.active,.application-model.active{transform:scale(1.1);border-color:#519ef7;box-shadow:0 0 20px #519ef780,0 0 40px #519ef733}.device-icon,.analysis-icon,.integration-icon,.application-icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .3s ease;filter:grayscale(100%) invert(100%)}.glasses .device-icon{background-image:url(/pics/ar.webp)}.earbuds .device-icon{background-image:url(/pics/earbuds.svg)}.headphones .device-icon{background-image:url(/pics/headphones.png)}.other-devices .device-icon{background-image:url(/pics/helmet.webp)}.cloud .analysis-icon{background-image:url(/pics/cloud.svg);filter:grayscale(100%) invert(100%)}.smartphone .integration-icon,.mobile-edge .analysis-icon{background-image:url(/pics/phone.svg);filter:grayscale(100%) invert(100%)}.tablet .integration-icon{background-image:url(/pics/tablet.svg);filter:grayscale(100%) invert(100%);scale:1.2}.console .integration-icon,.gaming .application-icon{background-image:url(/pics/ps5.png);filter:grayscale(100%) invert(100%);scale:1.4}.health .application-icon{background-image:url(/pics/health.svg);filter:grayscale(100%) invert(100%);scale:1.2}.productivity .application-icon{background-image:url(/pics/productivity.svg);filter:grayscale(100%) invert(100%);scale:1.2}.entertainment .application-icon{background-image:url(/pics/cinema.svg);filter:grayscale(100%) invert(100%);scale:1.2}.signal-waves{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease}.device-model:hover .signal-waves,.device-model.active .signal-waves{opacity:1}.signal-waves:before,.signal-waves:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(81,158,247,.5);transform:translate(-50%,-50%) scale(.8);animation:signalWave 2s infinite}.signal-waves:after{animation-delay:.5s}@keyframes signalWave{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.processing-animation{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;overflow:hidden}.analysis-model:hover .processing-animation,.analysis-model.active .processing-animation{opacity:1}.processing-animation:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(81,158,247,.2),rgba(161,227,203,.4),rgba(81,158,247,.2),transparent);animation:processingLight 2s infinite linear}@keyframes processingLight{0%{transform:translate(0)}to{transform:translate(200%)}}.integration-screen,.application-animation{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;overflow:hidden}.integration-model:hover .integration-screen,.integration-model.active .integration-screen,.application-model:hover .application-animation,.application-model.active .application-animation{opacity:1}.integration-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(81,158,247,.6) 0%,transparent 20%),radial-gradient(circle at 70% 60%,rgba(161,227,203,.6) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(232,108,160,.3) 0%,transparent 40%);animation:pulseScreen 3s infinite alternate}.application-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(81,158,247,.7) 0%,transparent 30%),radial-gradient(circle at 70% 60%,rgba(161,227,203,.7) 0%,transparent 30%),radial-gradient(circle at 50% 50%,rgba(232,108,160,.4) 0%,transparent 50%);animation:pulseApp 4s infinite alternate}@keyframes pulseScreen{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseApp{0%{opacity:.6;transform:scale(.9) rotate(0)}to{opacity:1;transform:scale(1.1) rotate(10deg)}}.device-info,.analysis-info,.integration-info,.application-info{display:flex;flex-direction:column;align-items:center;min-height:120px}.info-panel{background:#121a2ecc;border-radius:8px;padding:1rem;border:1px solid rgba(75,142,219,.3);text-align:center;max-width:400px;margin:0 auto;display:none;animation:fadeIn .3s ease forwards}.info-panel.active{display:block}.info-panel h4{color:#519ef7;margin-bottom:.5rem}.info-panel p{font-size:.9rem;line-height:1.4;color:#ffffffe6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transition-flow{position:relative;height:60px;margin:1rem 0;overflow:hidden}.transition-flow.right:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,#519ef7,#a1e3cb);transform:translateY(-50%)}.transition-flow.right:after{content:"";position:absolute;top:50%;left:-20px;width:20px;height:20px;border-radius:50%;background:#519ef7;transform:translateY(-50%);animation:flowRight 2s infinite linear}#signal-acquisition .transition-flow.right:before{height:0;background:none;border:none}#signal-acquisition .transition-flow.right{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='eegGradient' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23519EF7'/%3E%3Cstop offset='100%25' stop-color='%23A1E3CB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,30 C10,28 15,32 20,30 C25,28 30,35 35,30 C40,25 45,35 50,30 C55,25 60,32 65,30 C70,28 75,35 80,25 C85,15 90,35 95,30 C100,25 105,35 110,30 C115,25 120,32 125,30 C130,28 135,35 140,30 C145,25 150,35 155,30 C160,25 165,32 170,30 C175,28 180,35 185,25 C190,15 195,35 200,30 C205,25 210,35 215,30 C220,25 225,32 230,30 C235,28 240,35 245,30 C250,25 255,35 260,30 C265,25 270,32 275,30 C280,28 285,35 290,25 C295,15 300,35 305,30 C310,25 315,35 320,30 C325,25 330,32 335,30 C340,28 345,35 350,30 C355,25 360,35 365,30 C370,25 375,32 380,30 C385,28 390,35 395,25 C400,15 405,35 410,30 C415,25 420,35 425,30 C430,25 435,32 440,30 C445,28 450,35 455,30 C460,25 465,35 470,30 C475,25 480,32 485,30 C490,28 495,35 500,25 C505,15 510,35 515,30 C520,25 525,35 530,30 C535,25 540,32 545,30 C550,28 555,35 560,30 C565,25 570,35 575,30 C580,25 585,32 590,30 C595,28 600,30 600,30' fill='none' stroke='url(%23eegGradient)' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;background-size:600px 60px;animation:moveEEGWave 5s linear infinite}#signal-acquisition .transition-flow.right:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60' viewBox='0 0 100 60'%3E%3Cpath d='M0,30 L1,31 L2,29 L3,30.5 L4,29.8 L5,30.2 L6,29.7 L7,30.4 L8,29.9 L9,30.6 L10,29.5 L11,30.8 L12,29.7 L13,30.3 L14,29.8 L15,30.5 L16,29.6 L17,30.2 L18,29.9 L19,30.4 L20,29.7 L21,30.6 L22,29.8 L23,30.3 L24,29.9 L25,30.5 L26,29.7 L27,30.2 L28,29.8 L29,30.4 L30,29.6 L31,30.3 L32,29.7 L33,30.5 L34,29.8 L35,30.2 L36,29.9 L37,30.6 L38,29.7 L39,30.4 L40,29.8 L41,30.3 L42,29.9 L43,30.5 L44,29.7 L45,30.2 L46,29.8 L47,30.4 L48,29.6 L49,30.3 L50,29.7 L51,30.5 L52,29.8 L53,30.2 L54,29.9 L55,30.6 L56,29.7 L57,30.4 L58,29.8 L59,30.3 L60,29.9 L61,30.5 L62,29.7 L63,30.2 L64,29.8 L65,30.4 L66,29.6 L67,30.3 L68,29.7 L69,30.5 L70,29.8 L71,30.2 L72,29.9 L73,30.6 L74,29.7 L75,30.4 L76,29.8 L77,30.3 L78,29.9 L79,30.5 L80,29.7 L81,30.2 L82,29.8 L83,30.4 L84,29.6 L85,30.3 L86,29.7 L87,30.5 L88,29.8 L89,30.2 L90,29.9 L91,30.6 L92,29.7 L93,30.4 L94,29.8 L95,30.3 L96,29.9 L97,30.5 L98,29.7 L99,30.2 L100,29.8' stroke='rgba(81, 158, 247, 0.15)' fill='none' stroke-width='0.5'/%3E%3C/svg%3E") repeat;opacity:.7;animation:moveNoiseWave 3s linear infinite}@keyframes moveNoiseWave{0%{background-position:0 0}to{background-position:-100px 0}}@keyframes moveEEGWave{0%{background-position:0 0}to{background-position:-600px 0}}.flow-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#121a2ee6;padding:.3rem 1rem;border-radius:20px;font-size:.9rem;color:#a1e3cb;white-space:nowrap;border:1px solid rgba(161,227,203,.3);z-index:2}.process-outcome{text-align:center;margin-top:1.5rem;padding:1rem}.outcome-label{background:#121a2ee6;padding:.5rem 1.5rem;border-radius:30px;font-size:1rem;color:#a1e3cb;border:1px solid rgba(161,227,203,.3);display:inline-block;box-shadow:0 0 20px #a1e3cb33;animation:glowPulse 3s infinite alternate}@keyframes glowPulse{0%{box-shadow:0 0 10px #a1e3cb33}to{box-shadow:0 0 25px #a1e3cb80}}@keyframes flowRight{0%{left:-20px}to{left:100%}}@media (min-width: 768px){.tech-visual{flex-direction:row;justify-content:space-between;align-items:center}.device-showcase,.analysis-showcase,.device-integration-showcase,.applications-showcase{flex:1;justify-content:space-around;max-width:50%}.device-info,.analysis-info,.integration-info,.application-info{flex:1;justify-content:center;min-width:40%}}@media (max-width: 767px){.tech-process-container{padding:1rem;margin:1.5rem .5rem}.tech-step-container{padding:1.2rem 1rem}.device-model,.analysis-model,.integration-model,.application-model{width:80px;height:80px}.device-icon,.analysis-icon,.integration-icon,.application-icon{width:40px;height:40px}.flow-label{font-size:.8rem;padding:.2rem .8rem}.outcome-label{font-size:.9rem;padding:.4rem 1rem}}#signal-acquisition .transition-flow.right:after{content:"";position:absolute;top:30px;left:-8px;width:8px;height:8px;background:#519ef7;border-radius:50%;box-shadow:0 0 8px #519ef7cc;transform:translateY(-50%);animation:moveEEGPulse 1.5s infinite linear}@keyframes moveEEGPulse{0%{left:-8px;opacity:.8}to{left:100%;opacity:.8}}#signal-analysis .transition-flow.right:before{height:4px;background:repeating-linear-gradient(to right,#519ef7,#519ef7 8px,#a1e3cb 8px 16px);box-shadow:0 0 10px #519ef780}#signal-analysis .transition-flow.right:after{width:12px;height:12px;border-radius:2px;background:#519ef7;box-shadow:0 0 10px #519ef7cc;animation:flowRightDigital 2s infinite steps(20)}@keyframes flowRightDigital{0%{left:-12px}to{left:100%}}#sdk-integration .transition-flow.right:before{height:6px;background:repeating-linear-gradient(to right,#519EF7,#519EF7 4px,transparent 4px,transparent 8px,#A1E3CB 8px,#A1E3CB 12px,transparent 12px,transparent 16px);box-shadow:0 0 10px #519ef780}#sdk-integration .transition-flow.right:after{width:14px;height:14px;border-radius:0;background:conic-gradient(#519ef7,#a1e3cb,#519ef7,#a1e3cb,#519ef7 360deg);box-shadow:0 0 10px #519ef7cc;animation:flowRightDigitalRotate 2s infinite linear}@keyframes flowRightDigitalRotate{0%{left:-14px;transform:translateY(-50%) rotate(0)}to{left:100%;transform:translateY(-50%) rotate(360deg)}}#applications-layer .transition-flow.right:before{height:8px;background-image:linear-gradient(to right,#519EF7 2px,transparent 2px),linear-gradient(to bottom,transparent 2px,#A1E3CB 2px,#A1E3CB 4px,transparent 4px);background-size:8px 8px;background-position:0 center;box-shadow:0 0 15px #519ef780}#applications-layer .transition-flow.right:after{width:16px;height:16px;border-radius:0;background:#519ef7;clip-path:polygon(0% 0%,100% 0%,100% 100%,75% 75%,75% 25%,50% 50%,25% 25%,25% 75%,0% 100%);box-shadow:0 0 15px #519ef7cc;animation:flowRightDigitalPulse 2s infinite cubic-bezier(.4,0,.2,1)}@keyframes flowRightDigitalPulse{0%{left:-16px;transform:translateY(-50%) scale(.8)}50%{transform:translateY(-50%) scale(1.2)}to{left:100%;transform:translateY(-50%) scale(.8)}}.ai-conversation-container{display:flex;flex-direction:column;gap:3rem;margin-top:2rem;opacity:0;animation:fadeSlideUp .8s ease-out .2s forwards}.ai-intro{max-width:800px;margin:0 auto 2rem;text-align:center}.ai-intro p{font-size:1.1rem;line-height:1.6;color:#ffffffe6}.conversation-visual{display:flex;flex-direction:column;gap:2rem;position:relative;background:#121a2eb3;border-radius:16px;border:1px solid rgba(75,142,219,.3);box-shadow:0 8px 32px #0003;backdrop-filter:blur(8px);padding:0}.chat-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-height:400px;scrollbar-width:thin;scrollbar-color:rgba(75,142,219,.5) rgba(10,15,30,.3)}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#0a0f1e4d;border-radius:3px}.chat-container::-webkit-scrollbar-thumb{background-color:#4b8edb80;border-radius:3px}.typing-animation{display:inline-block}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#ffffffb3;margin:0 2px;animation:typingDot 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.typing-text{display:inline}.typing-word{opacity:0;animation:fadeInWord .05s forwards}@keyframes fadeInWord{0%{opacity:0}to{opacity:1}}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(75,142,219,.3);background:#121a2ee6}.chat-title{display:flex;align-items:center;justify-content:space-between}.chat-title h4{margin:0;color:#4b8edb;font-size:1.1rem}.sessions-analyzed{font-size:.85rem;color:#ffffffb3;background:#4b8edb33;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(75,142,219,.3)}.conversation-interface{position:relative;z-index:1}.chat-message{display:flex;gap:1rem;max-width:80%;animation:messageAppear .5s ease-out forwards}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.ai{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-avatar{background:linear-gradient(135deg,#4b8edb,#8b60c7);box-shadow:0 0 10px #4b8edb80}.ai-avatar{background:linear-gradient(135deg,#39a2b8,#4b8edb);box-shadow:0 0 10px #39a2b880;position:relative;overflow:hidden}.user-icon,.ai-icon{width:24px;height:24px;opacity:.9}.ai-avatar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}20%,to{transform:translate(100%)}}.message-bubble{background:#303745cc;border-radius:16px;padding:1rem 1.5rem;position:relative;border:1px solid rgba(75,142,219,.3);box-shadow:0 4px 16px #0003;backdrop-filter:blur(4px)}.user .message-bubble{border-top-right-radius:4px;background:#4b8edb33}.ai .message-bubble{border-top-left-radius:4px;background:#39a2b833}.message-bubble p{margin:0;font-size:1rem;line-height:1.5}.message-bubble p+p,.message-bubble ol{margin-top:.75rem}.ai-recommendations{padding-left:1.5rem;margin-bottom:.75rem}.ai-recommendations li{margin-bottom:.5rem;line-height:1.4}.ai-recommendations li strong{color:#a1e3cb}.chat-input{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid rgba(75,142,219,.3);background:#121a2ee6}.chat-input input{flex:1;background:#303745cc;border:1px solid rgba(75,142,219,.3);border-radius:24px;padding:.75rem 1.25rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.chat-input input:focus{border-color:#4b8edb99;box-shadow:0 0 0 2px #4b8edb33}.chat-input input::placeholder{color:#ffffff80}.send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4b8edb,#8b60c7);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.send-button:hover{transform:scale(1.05);box-shadow:0 0 15px #4b8edb80}.send-button svg{width:20px;height:20px}.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1rem}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#121a2eb3;border-radius:12px;border:1px solid rgba(75,142,219,.3);box-shadow:0 8px 32px #0003;backdrop-filter:blur(8px);transition:all .3s var(--transition-smooth)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d,0 0 15px #4b8edb66;border-color:#4b8edb99}.feature-icon{width:70px;height:70px;margin-bottom:1rem}.feature-svg{width:100%;height:100%}.feature-circle{fill:#303745b3;stroke:#4b8edb99;stroke-width:1.5}.feature-symbol{fill:none;stroke:#4b8edbe6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.insight-lines{stroke-dasharray:100;stroke-dashoffset:100;animation:drawInsight 3s infinite alternate ease-in-out}@keyframes drawInsight{0%{stroke-dashoffset:100;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.8}}.insight-pulse{animation:insightPulse 2s infinite ease-in-out}@keyframes insightPulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.1);opacity:1}}.personalized-path{stroke-dasharray:100;stroke-dashoffset:100;animation:drawPersonalized 3s infinite alternate ease-in-out}@keyframes drawPersonalized{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.personalized-pulse{animation:personalizedPulse 2s infinite alternate}@keyframes personalizedPulse{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}.comparison-chart{stroke-dasharray:100;stroke-dashoffset:100;animation:drawChart 2s forwards ease-out}.comparison-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawLine 2s .5s forwards ease-out}@keyframes drawChart{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes drawLine{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.data-point-pulse{animation:dataPointPulse 2s infinite alternate}@keyframes dataPointPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}.example-queries{margin-top:2rem;text-align:center}.example-queries h4{margin-bottom:1rem;font-size:1.2rem;color:var(--accent)}.query-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.query-tag{background:#4b8edb33;border:1px solid rgba(75,142,219,.4);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s ease;cursor:pointer}.query-tag:hover{background:#4b8edb4d;border-color:#4b8edb99;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ai-capabilities{margin-top:2rem;padding:2rem;background:#121a2eb3;border-radius:16px;border:1px solid rgba(75,142,219,.3);box-shadow:0 8px 32px #0003;backdrop-filter:blur(8px)}.ai-capabilities h3{text-align:center;color:#4b8edb;margin-bottom:1.5rem;font-size:1.5rem}.ai-capability{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#30374580;border-radius:12px;border:1px solid rgba(75,142,219,.2);transition:all .3s ease}.ai-capability:hover{transform:translateY(-5px);background:#303745b3;border-color:#4b8edb66;box-shadow:0 8px 24px #0000004d}.ai-capability .capability-icon{width:48px;height:48px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#121a2eb3;border-radius:50%;padding:.75rem;border:1px solid rgba(75,142,219,.3)}.ai-capability .capability-icon svg{width:100%;height:100%}.ai-capability h4{margin:0 0 .5rem;color:#a1e3cb;font-size:1.1rem}.ai-capability p{font-size:.9rem;line-height:1.5;color:#fffc;margin:0}@media (min-width: 768px){.conversation-visual{flex-direction:row;align-items:center}.chat-container{max-width:100%}}@media (max-width: 767px){.ai-conversation-container{gap:2rem}.feature-highlights{grid-template-columns:1fr}.chat-message{max-width:90%}.query-tag{font-size:.8rem}.ai-capabilities{padding:1.5rem 1rem}.capabilities-grid{grid-template-columns:1fr}.ai-cta{padding:1.5rem 1rem}.ai-cta h3{font-size:1.5rem}}.developer-use-case{margin-top:4rem;padding:2rem;background:#0a0f1e80;border-radius:16px;border:1px solid rgba(75,142,219,.2);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(8px);opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}html.js .developer-use-case{opacity:0;transform:translateY(30px)}html.js .developer-use-case.animate-in{opacity:1;transform:translateY(0)}.developer-use-case h3{font-size:2rem;margin-bottom:1rem;background:linear-gradient(90deg,#4b8edb,#8b60c7);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.use-case-intro{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6}.workflow-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.workflow-step{display:flex;align-items:flex-start;background:#0f192d80;border-radius:12px;padding:1.5rem;border:1px solid rgba(75,142,219,.15);box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease,opacity .6s ease-out;position:relative;overflow:hidden;opacity:1;transform:translateY(0)}html.js .workflow-step{opacity:0;transform:translateY(20px)}html.js .workflow-step.animate-in{opacity:1;transform:translateY(0)}html.js .workflow-step:nth-child(1).animate-in{transition-delay:.3s}html.js .workflow-step:nth-child(2).animate-in{transition-delay:.5s}html.js .workflow-step:nth-child(3).animate-in{transition-delay:.7s}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4b8edb,#8b60c7);color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 10px #0003}.step-content{flex:1;display:flex;flex-direction:column;padding-right:1rem;width:100%;box-sizing:border-box}.step-content h4{font-size:1.25rem;margin-bottom:.75rem;color:#fff;font-weight:600}.step-content p{color:#fffc;margin-bottom:1rem;font-size:1rem;line-height:1.5}.step-visual{height:120px;background:#0a142880;border-radius:8px;margin-top:1rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.research-visual .device-icon{width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:2}.data-collection-animation{position:absolute;inset:0;background:linear-gradient(90deg,#4b8edb00,#4b8edb1a,#4b8edb00);animation:dataScan 2s infinite;z-index:1}@keyframes dataScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dev-chat-example{background:#0a1428b3;border-radius:12px;padding:1rem;margin:1rem 0;max-height:300px;overflow-y:auto;border:1px solid rgba(75,142,219,.2)}.dev-chat-message{margin-bottom:1rem;padding:.8rem;border-radius:8px;position:relative;max-width:90%}.dev-chat-message:last-child{margin-bottom:0}.dev-chat-message p{margin-bottom:.5rem}.dev-chat-message p:last-child{margin-bottom:0}.dev-user{background:#4b8edb33;margin-left:auto;border-top-right-radius:0}.dev-ai{background:#8b60c733;margin-right:auto;border-top-left-radius:0}.dev-chat-message ol{padding-left:1.5rem;margin:.5rem 0}.dev-chat-message li{margin-bottom:.5rem;color:#fffc}.code-implementation{background:#0a0f1eb3;border-radius:8px;padding:1rem;margin:1rem 0;border:1px solid rgba(75,142,219,.3);box-shadow:0 4px 12px #0003;overflow-x:auto;max-width:100%;transition:all .3s ease}.code-title{font-family:Fira Code,Roboto Mono,monospace;font-size:.85rem;color:#ffffffb3;padding:.5rem 1rem;background:#4b8edb33;border-radius:6px 6px 0 0;border-bottom:1px solid rgba(75,142,219,.3);display:flex;align-items:center;margin-bottom:0}.code-title:before{content:"";display:inline-block;width:12px;height:12px;background-color:#50fa7b;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #50fa7b99}.code-implementation pre{margin:0;white-space:pre;font-family:Fira Code,Roboto Mono,monospace}.code-implementation code{font-family:Fira Code,Roboto Mono,monospace;font-size:.9rem;color:#e6e6e6;line-height:1.5}.code-implementation pre:not(.code-block){background-color:#141928f2;border-radius:8px;padding:1.5rem;box-shadow:0 4px 20px #0000004d}.workflow-step .step-content{width:100%;overflow:hidden}.workflow-step .step-content .code-implementation{max-width:100%;box-sizing:border-box}.use-case-examples{margin-top:2rem}.use-case-examples h4{font-size:1.4rem;margin-bottom:1.5rem;text-align:center;color:#fff}.use-case-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}@media (min-width: 1200px){.use-case-cards{grid-template-columns:repeat(3,1fr)}}.use-case-card{background:#141e3280;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease,opacity .5s ease-out,transform .5s ease-out;border:1px solid rgba(75,142,219,.15);opacity:1;transform:translateY(0)}html.js .use-case-card{opacity:0;transform:translateY(20px)}html.js .use-case-card.animate-in{opacity:1;transform:translateY(0)}html.js .use-case-card:nth-child(1).animate-in{transition-delay:.8s}html.js .use-case-card:nth-child(2).animate-in{transition-delay:.92s}html.js .use-case-card:nth-child(3).animate-in{transition-delay:1.04s}html.js .use-case-card:nth-child(4).animate-in{transition-delay:1.16s}html.js .use-case-card:nth-child(5).animate-in{transition-delay:1.28s}.use-case-icon{width:60px;height:60px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center}.education-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}.gaming-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h4M8 9v4M15 12h.01M18 10h.01M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.544-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/svg%3E")}.productivity-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E")}.wellness-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")}.use-case-card h5{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.use-case-card p{color:#fffc;font-size:.9rem;line-height:1.5}.developer-cta{margin-top:3rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#4b8edb1a,#8b60c71a);border-radius:12px}.developer-cta p{font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto 1.5rem;color:#ffffffe6}@media (max-width: 768px){.workflow-step{flex-direction:column}.step-number{margin-right:0;margin-bottom:1rem}.use-case-cards{grid-template-columns:1fr}.dev-chat-message{max-width:100%}.code-implementation{padding:.75rem;margin:.75rem 0}.code-implementation code{font-size:.8rem}.workflow-step .step-content{padding-right:0}}.key-capabilities{margin:4rem 0;padding:2rem;background:#0a0f1e80;border-radius:16px;border:1px solid rgba(75,142,219,.2);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(8px);opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}html.js .key-capabilities{opacity:0;transform:translateY(30px)}html.js .key-capabilities.animate-in{opacity:1;transform:translateY(0)}.key-capabilities h3{font-size:2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#4b8edb,#8b60c7);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.key-capabilities h3:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,#4b8edb,#8b60c7);margin:.5rem auto 0;border-radius:2px}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}@media (min-width: 1200px){.capabilities-grid{grid-template-columns:repeat(3,1fr)}}.key-capability{background:#141e3280;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;border:1px solid rgba(75,142,219,.15);box-shadow:0 8px 24px #00000026;opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}html.js .key-capability{opacity:0;transform:translateY(20px)}html.js .key-capability.animate-in{opacity:1;transform:translateY(0)}html.js .key-capability:nth-child(1).animate-in{transition-delay:.3s}html.js .key-capability:nth-child(2).animate-in{transition-delay:.45s}html.js .key-capability:nth-child(3).animate-in{transition-delay:.6s}html.js .key-capability:nth-child(4).animate-in{transition-delay:.75s}html.js .key-capability:nth-child(5).animate-in{transition-delay:.9s}html.js .key-capability:nth-child(6).animate-in{transition-delay:1.05s}.key-capability:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#4b8edb66}.key-capability .capability-icon{width:80px;height:80px;margin-bottom:1.5rem;position:relative;z-index:2;justify-self:center}.key-capability .feature-svg{width:100%;height:100%}.key-capability h4{font-size:1.3rem;margin-bottom:1rem;color:#fff;position:relative;z-index:2}.key-capability p{color:#fffc;line-height:1.6;font-size:.95rem;position:relative;z-index:2}.pattern-node{fill:#4b8edb80;stroke:#8b60c7cc;stroke-width:1}.pattern-lines{stroke:#4b8edbcc;stroke-width:1.5;fill:none;stroke-dasharray:300;stroke-dashoffset:300;animation:drawPattern 3s ease-in-out forwards infinite}@keyframes drawPattern{0%{stroke-dashoffset:300}50%{stroke-dashoffset:0}to{stroke-dashoffset:300}}.pattern-pulse{animation:patternPulse 2s ease-in-out infinite}@keyframes patternPulse{0%{r:8;opacity:.7}50%{r:12;opacity:.9}to{r:8;opacity:.7}}.optimization-chart{stroke:#4b8edbcc;stroke-width:1.5;fill:none;stroke-dasharray:200;stroke-dashoffset:200;animation:drawOptimization 3s ease-in-out forwards infinite}.optimization-base{stroke:#4b8edb80;stroke-width:1.5;fill:none}@keyframes drawOptimization{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.optimization-point{animation:optimizationPulse 2s ease-in-out infinite}@keyframes optimizationPulse{0%{r:3;opacity:.7}50%{r:5;opacity:.9}to{r:3;opacity:.7}}.context-node{fill:#4b8edb33;stroke:#39a2b8cc;stroke-width:1}.node-1{animation:nodeGlow 3s ease-in-out infinite}.node-2{animation:nodeGlow 3s ease-in-out infinite .75s}.node-3{animation:nodeGlow 3s ease-in-out infinite 1.5s}.node-4{animation:nodeGlow 3s ease-in-out infinite 2.25s}@keyframes nodeGlow{0%{fill:#4b8edb33}50%{fill:#4b8edb99}to{fill:#4b8edb33}}.context-lines{stroke:#39a2b899;stroke-width:1.5;fill:none;stroke-dasharray:400;stroke-dashoffset:400;animation:drawContext 4s ease-in-out forwards infinite}@keyframes drawContext{0%{stroke-dashoffset:400}50%{stroke-dashoffset:0}to{stroke-dashoffset:400}}.context-pulse{animation:contextPulse 2s ease-in-out infinite}@keyframes contextPulse{0%{r:8;opacity:.7}50%{r:12;opacity:.9}to{r:8;opacity:.7}}@media (max-width: 767px){.key-capabilities{padding:1.5rem;margin:2rem 0}.capabilities-grid{grid-template-columns:1fr;gap:1.5rem}.key-capability{padding:1.2rem}.key-capability .capability-icon{width:60px;height:60px;margin-bottom:1rem}.key-capability h4{font-size:1.2rem}}.research-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}.healthcare-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B8EDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}#developer-ai{padding:6rem 0;position:relative;overflow:hidden}#developer-ai h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;position:relative;z-index:1}#developer-ai .tagline{font-size:1.25rem;color:#fffc;margin-bottom:3rem;max-width:800px;position:relative;z-index:1}#ai-conversation{padding-bottom:4rem}.developer-use-case{position:relative;z-index:1;background:#0f192d80;border-radius:16px;padding:2.5rem;margin-top:1rem;border:1px solid rgba(75,142,219,.2);box-shadow:0 10px 30px #0003}@media (max-width: 768px){#developer-ai{padding:4rem 0}#developer-ai h2{font-size:2rem}#developer-ai .tagline{font-size:1.1rem;margin-bottom:2rem}.developer-use-case{padding:1.5rem}}.code-block{background-color:#141928f2;border-radius:0 0 8px 8px;padding:1.5rem;margin:0;overflow-x:auto;box-shadow:0 4px 20px #0000004d,0 0 15px #4b8edb33;border:1px solid rgba(75,142,219,.3);border-top:none;font-family:Fira Code,Roboto Mono,monospace;font-size:.9rem;line-height:1.5}.code-implementation:not(:has(.code-title)) .code-block{border-radius:8px;border-top:1px solid rgba(75,142,219,.3)}.swift-code{color:#e0e0e0}.swift-code .keyword{color:#ff79c6;font-weight:600}.swift-code .function{color:#50fa7b}.swift-code .type{color:#8be9fd}.swift-code .property{color:#bd93f9}.swift-code .string{color:#f1fa8c}.swift-code .comment{color:#6272a4;font-style:italic}.swift-code .number{color:#bd93f9}.code-implementation:hover .code-block{box-shadow:0 4px 25px #0006,0 0 20px #4b8edb4d;transition:box-shadow .3s ease}@keyframes codeFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.swift-code .keyword,.swift-code .function,.swift-code .type,.swift-code .property,.swift-code .string,.swift-code .comment,.swift-code .number{animation:codeFadeIn .5s ease-out forwards;opacity:0}.swift-code .keyword{animation-delay:.1s}.swift-code .function{animation-delay:.2s}.swift-code .type{animation-delay:.3s}.swift-code .property{animation-delay:.4s}.swift-code span:nth-child(3n+1){animation-delay:.15s}.swift-code span:nth-child(3n+2){animation-delay:.25s}.swift-code span:nth-child(3n+3){animation-delay:.35s}.code-block.swift-code{position:relative}html.js .workflow-step:nth-child(4).animate-in{transition-delay:.9s}.workflow-step:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0003;border-color:#4b8edb4d}html.js .use-case-card:nth-child(6).animate-in{transition-delay:1.4s}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#4b8edb66}
