.scroll-background-container{min-height:100vh;position:relative}.scroll-background-content{z-index:10;padding-top:5rem;position:relative}.tech-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tech-grid{background-image:linear-gradient(#06b6d408 1px,#0000 1px),linear-gradient(90deg,#06b6d408 1px,#0000 1px);background-size:60px 60px;animation:30s linear infinite grid-drift;position:absolute;inset:0}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.tech-particles{position:absolute;inset:0}.particle{background:#06b6d466;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite float;position:absolute}.particle-1{animation-delay:0s;top:10%;left:20%}.particle-2{animation-delay:-3s;top:30%;left:80%}.particle-3{animation-delay:-6s;top:60%;left:15%}.particle-4{animation-delay:-9s;top:80%;left:70%}.particle-5{animation-delay:-12s;top:45%;left:50%}@keyframes float{0%,to{opacity:.4;transform:translateY(0)translate(0)}25%{opacity:.8;transform:translateY(-20px)translate(10px)}50%{opacity:.5;transform:translateY(10px)translate(-15px)}75%{opacity:.9;transform:translateY(-15px)translate(5px)}}.tech-orb{filter:blur(100px);opacity:.15;border-radius:50%;animation:8s ease-in-out infinite orb-pulse;position:absolute}.tech-orb-1{background:radial-gradient(circle,#06b6d499 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:10%;right:-10%}.tech-orb-2{background:radial-gradient(circle,#a855f780 0%,#0000 70%);width:300px;height:300px;animation-delay:-4s;bottom:20%;left:-5%}@keyframes orb-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.2)}}.tech-scanline{background:linear-gradient(90deg,#0000,#06b6d44d,#0000);height:2px;animation:6s linear infinite scanline;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.tech-background--hero .tech-orb-1{opacity:.2}.tech-background--cli .tech-orb-1{background:radial-gradient(circle,#a855f799 0%,#0000 70%)}.tech-background--mcp .tech-orb-2{background:radial-gradient(circle,#22c55e80 0%,#0000 70%)}.synergy-section{flex-direction:column;justify-content:center;align-items:center;max-width:1400px;min-height:100vh;margin:0 auto;padding:4rem 1.5rem;display:flex}.synergy-hero{padding-top:2rem}.scroll-section{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.scroll-section.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.section-badge{text-transform:uppercase;letter-spacing:.15em;color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433;border-radius:9999px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.section-subtitle{color:#fff9;max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.devices-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.photo-capture-layout{align-items:flex-start;gap:3rem}.voice-command-layout{align-items:flex-start;gap:4rem;padding-top:1.5rem;padding-bottom:3rem}@media (min-width:769px){.voice-command-layout{gap:6rem}}@media (max-width:1024px){.devices-container{gap:1.5rem}.synergy-section{padding:3rem 1rem}}@media (max-width:768px){.scroll-background-content{padding-top:4rem}.devices-container{flex-direction:column;gap:1.5rem}.photo-capture-layout,.voice-command-layout{align-items:center;gap:2.5rem}.voice-bubble{display:none}.section-header{margin-bottom:1.5rem;padding:0 .5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}.synergy-section{min-height:auto;padding:2rem .75rem}.synergy-hero{padding-top:1rem}}@media (max-width:640px){.devices-container>div[class*="w-[280px]"]{width:260px!important;height:520px!important}.devices-container>div[class*="w-[520px]"]{width:100%!important;max-width:340px!important;height:400px!important}.devices-container>div[class*="w-[180px]"]{width:140px!important;height:140px!important}}@media (max-width:900px){.synergy-section>div>div[class*=grid-cols-12]{flex-direction:column!important;height:auto!important;max-height:none!important;display:flex!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-3]{max-height:250px;width:100%!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-5]{width:100%!important;height:300px!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-4]{border-top:1px solid #ffffff1a!important;border-left:none!important;width:100%!important;height:280px!important}}@media (max-width:640px){.synergy-section>div>div[class*=grid-cols-12]{border-radius:12px!important;width:100%!important;max-width:100%!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-3]{max-height:200px;padding:.75rem!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-5]{height:250px!important}.synergy-section>div>div[class*=grid-cols-12]>div[class*=col-span-4]{height:220px!important}.devices-container>div[class*="w-[520px]"][class*="h-[560px]"]{width:100%!important;max-width:320px!important;height:360px!important}.devices-container>div[class*="w-[520px]"]>div[class*="w-[72px]"]{width:52px!important}.devices-container>div[class*="w-[520px]"] button[class*=w-12]{width:40px!important;height:40px!important}}@media (max-width:768px){.devices-container>div[class*=rounded-2xl][class*="w-[500px]"]{width:100%!important;max-width:340px!important;height:auto!important;min-height:300px!important}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}