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