.banner-base{min-height:60vh;position:relative;display:flex;align-items:center;overflow:hidden;font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;max-width:1400px;border-radius:20px;margin:0 auto 4rem;border:2px solid #38bc71;transition:all .8s ease-out}.banner-container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:3;width:100%}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.theme-light .banner-base{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);box-shadow:0 20px 40px rgba(56,188,113,.15)}.theme-light .hero-title .title-word:first-child,.theme-light .text-content{color:#1e293b}.theme-light .subtitle{color:#334155}.theme-light .feature-card{background:rgba(56,188,113,.08);border:2px solid rgba(56,188,113,.3)}.theme-light .feature-card:hover{border-color:rgba(56,188,113,.4);box-shadow:0 20px 40px rgba(56,188,113,.25)}.theme-light .feature-card:before{background:linear-gradient(90deg,transparent,rgba(56,188,113,.15),transparent)}.theme-light .feature-title{color:#1e293b}.theme-light .feature-desc{color:#334155}.theme-light .data-visualization{background:rgba(255,255,255,.9);border:1px solid rgba(56,188,113,.2)}.theme-light .data-label{color:#334155}.theme-light .background-pattern{opacity:.05}.theme-light .orbit{border:2px solid rgba(56,188,113,.4)}.theme-dark .banner-base{background:linear-gradient(135deg,#0f0f0f,#1a1a2e 50%,#0f0f0f);box-shadow:0 20px 40px rgba(56,188,113,.1)}.theme-dark .text-content{color:white}.theme-dark .hero-title .title-word:first-child{color:#ffffff}.theme-dark .subtitle{color:#a0a0a0}.theme-dark .feature-card{background:rgba(56,188,113,.05);border:2px solid rgba(56,188,113,.2)}.theme-dark .feature-card:hover{border-color:rgba(56,188,113,.3);box-shadow:0 20px 40px rgba(56,188,113,.2)}.theme-dark .feature-card:before{background:linear-gradient(90deg,transparent,rgba(56,188,113,.1),transparent)}.theme-dark .feature-title{color:white}.theme-dark .feature-desc{color:#888}.theme-dark .data-visualization{background:rgba(0,0,0,.8);border:1px solid rgba(56,188,113,.1)}.theme-dark .data-label{color:#888}.theme-dark .background-pattern{opacity:.03}.theme-dark .orbit{border:2px solid rgba(56,188,113,.3)}.tech-badge{display:inline-block;background:linear-gradient(135deg,#38BC71,#2a9d5f);padding:10px 25px;border-radius:25px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;animation:badgeGlow 3s ease-in-out infinite alternate;color:white}@keyframes badgeGlow{0%{box-shadow:0 0 20px rgba(56,188,113,.3);transform:scale(1)}to{box-shadow:0 0 30px rgba(56,188,113,.5);transform:scale(1.05)}}.hero-title{font-size:clamp(2rem,4vw,3.75rem);font-weight:700;line-height:.9;margin-top:40px;margin-bottom:30px}.title-word{display:inline-block;margin-right:25px;animation:titleReveal 1.2s ease forwards;opacity:0;transform:translateY(50px)}.title-word:nth-child(2){animation-delay:.3s;color:#38BC71}.title-word:nth-child(3){animation-delay:.5s;color:#38BC71}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.subtitle{font-size:20px;font-weight:300;line-height:1.4;margin-bottom:50px;animation:fadeSlideUp 1s ease .8s both}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:50px;animation:fadeSlideUp 1s ease 1s both}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 15px;border-radius:15px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid rgba(56,188,113,.2)}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .7s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-10px)}.feature-title{font-size:14px;font-weight:600;margin-bottom:8px}.feature-desc{font-size:12px;line-height:1.4}.cta-buttons{display:flex;gap:25px;animation:fadeSlideUp 1s ease 1.2s both}.btn-3d{background:#38BC71;color:white;border:4px solid #38bc71;padding:18px 40px;font-size:16px;font-weight:700;border-radius:0;text-decoration:none;position:relative;transition:all .3s ease;box-shadow:0 10px 20px rgba(56,188,113,.3);cursor:pointer;transform:rotate(0deg);white-space:nowrap;min-width:200px}.btn-3d:hover{transform:translateY(-5px) scale(1.1) rotate(1deg);box-shadow:0 20px 40px rgba(56,188,113,.4)}.btn-3d:hover,.btn-outline{background:transparent;color:#38BC71}.btn-outline{border:2px solid #38bc71;padding:16px 40px;font-size:16px;font-weight:600;border-radius:0;text-decoration:none;transition:all .3s ease;cursor:pointer;transform:rotate(0deg);white-space:nowrap;min-width:180px}.btn-outline:hover{background:#38BC71;color:white;transform:translateY(-3px) scale(1.05) rotate(-1deg);box-shadow:0 15px 30px rgba(56,188,113,.3)}.visual-area{position:relative;flex-direction:column;align-items:center;height:500px;top:-50px}.cta-buttons-visual,.visual-area{display:flex;justify-content:center}.cta-buttons-visual{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);gap:15px;z-index:20;pointer-events:auto;width:100%;max-width:600px}.sphere-container{position:relative;width:350px;height:350px;animation:levitate 6s ease-in-out infinite}@keyframes levitate{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-20px) rotateY(180deg)}}@keyframes levitate-safari{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.sphere{width:250px;height:250px;background:conic-gradient(from 0deg,#38BC71,#2a9d5f,#1e7e34,#38BC71,#2a9d5f,#38BC71);animation:rotateSphere 15s linear infinite;box-shadow:0 0 60px rgba(56,188,113,.3),inset 0 0 60px rgba(255,255,255,.1)}.logo-container,.sphere{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-container{width:120px;height:120px;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);box-shadow:0 0 30px rgba(56,188,113,.3),inset 0 0 20px rgba(255,255,255,.8);animation:logoPulse 2s ease-in-out infinite alternate}.logo-image{width:80px;height:80px;object-fit:contain;transition:all .5s ease;animation:logoRotate 3s ease-in-out infinite}@keyframes logoPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px rgba(56,188,113,.3),inset 0 0 20px rgba(255,255,255,.8)}to{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 40px rgba(56,188,113,.4),inset 0 0 25px rgba(255,255,255,.9)}}@keyframes logoRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(5deg) scale(1.02)}}@keyframes rotateSphere{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateSphere-safari{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(180deg)}}.orbit{position:absolute;border-radius:50%;animation:rotateOrbit 20s linear infinite;border:2px solid rgba(56,188,113,.3)}.orbit-1{width:350px;height:350px;top:0;left:0}.orbit-2{width:450px;height:450px;top:-50px;left:-50px;animation-direction:reverse;animation-duration:25s}@keyframes rotateOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateOrbit-safari{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.orbit-dot{width:6px;height:6px;background:#38BC71;border-radius:50%;position:absolute;box-shadow:0 0 10px #38BC71}.orbit-1 .orbit-dot{top:-3px;left:50%;transform:translateX(-50%)}.orbit-2 .orbit-dot{top:50%;right:-3px;transform:translateY(-50%);background:#2a9d5f;box-shadow:0 0 10px #2a9d5f}.brain-container{position:relative;width:350px;height:350px;animation:levitate 6s ease-in-out infinite}.data-visualization{position:absolute;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px;border-radius:15px;width:180px}.data-visualization.dynamic-banner{top:20px;right:20px}.data-visualization.ai-banner{top:5px;left:20px;z-index:99}.data-header{color:#38BC71;font-size:12px;font-weight:600;margin-bottom:12px;text-align:center}.data-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.data-value{color:#38BC71;font-weight:600}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.banner-loading{opacity:0;transform:translateY(30px)}.banner-loaded{opacity:1;transform:translateY(0)}@supports (-webkit-hyphens:none){.brain-container,.sphere-container{animation:levitate-safari 6s ease-in-out infinite}.sphere{animation:rotateSphere-safari 20s linear infinite}.orbit{animation:rotateOrbit-safari 30s linear infinite}.orbit-2{animation:rotateOrbit-safari 40s linear infinite reverse}}@media (max-width:1024px){.feature-cards{gap:6px}.feature-card{padding:20px 12px}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.feature-cards{gap:6px}.feature-card{padding:20px 15px}.brain-container,.sphere-container{width:280px;height:280px}.sphere{width:200px;height:200px}.logo-container{width:100px;height:100px}.logo-image{width:70px;height:70px}.orbit-1{width:280px;height:280px}.orbit-2{width:350px;height:350px;top:-35px;left:-35px}.banner-container{padding:0 20px}.visual-area{height:400px}.cta-buttons-visual{bottom:10px;flex-direction:column;gap:10px;width:90%;max-width:400px}.cta-buttons-visual .btn-3d,.cta-buttons-visual .btn-outline{width:100%;padding:14px 25px;font-size:14px;min-width:auto}.visual-area{order:2}.text-content{order:1}}@media (max-width:480px){.feature-card{padding:15px 10px}.feature-title{font-size:13px}.feature-desc{font-size:11px}}