.gradient-text-green{background:linear-gradient(100deg,var(--architect) 0%,var(--architect-cyan) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.platform-logo-white{filter:brightness(0)invert(1)}.hero-scanner-wrapper{position:relative;width:100%;margin:0;padding:0;overflow:hidden}.hero-scanner-container{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--cream-paper);background-image:linear-gradient(rgba(13,13,14,6%) 1px,transparent 1px),linear-gradient(90deg,rgba(13,13,14,6%) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}@media(max-width:1023px){.hero-scanner-container{height:420px}}@media(max-width:768px){.hero-scanner-container{height:340px}}.hero-scanning-backdrop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:270px;background:0 0;pointer-events:none;z-index:3}@media(max-width:768px){.hero-scanning-backdrop{width:300px;height:195px}}.hero-scanning-backdrop::before,.hero-scanning-backdrop::after{content:'';position:absolute;width:50px;height:50px;border:3px solid var(--architect);pointer-events:none;opacity:.85}.hero-scanning-backdrop::before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:15px 0 0 0}.hero-scanning-backdrop::after{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 15px 0 0}.hero-scanning-backdrop{box-shadow:-2px 0 rgba(5,150,105,.45),calc(100% + 2px)0 rgba(5,150,105,.45),0 0 28px rgba(5,150,105,.18)}.hero-scanning-backdrop{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path d="M 0,50 L 0,35 Q 0,50 15,50 L 50,50 L 50,47 L 15,47 Q 3,47 3,35 L 3,0 L 0,0 Z" fill="%23059669"/></svg>')0 100%/50px 50px no-repeat,url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2250%22%20height=%2250%22%3E%3Cpath%20d=%22M50%2050V35q0%2015-15%2015H0V47H35q12%200%2012-12V0h3z%22%20fill=%22%23059669%22/%3E%3C/svg%3E)100% 100%/50px 50px no-repeat}.hero-card-stream{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2}.hero-card-line{display:flex;align-items:center;gap:80px;white-space:nowrap;will-change:transform}@media(max-width:768px){.hero-card-line{gap:60px}}.hero-card-wrapper{position:relative;width:400px;height:250px;flex-shrink:0}@media(max-width:768px){.hero-card-wrapper{width:280px;height:175px}}@media(max-width:480px){.hero-card-wrapper{width:240px;height:150px}}.hero-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;overflow:hidden;border:1px solid rgba(5,150,105,.22);background:var(--cream-paper);box-shadow:0 8px 28px rgba(13,13,14,8%),0 0 24px rgba(5,150,105,.12);transition:border-color .3s ease,box-shadow .3s ease}.hero-card-normal{background:var(--cream-paper);z-index:4;position:absolute;top:0;left:0}.hero-card-normal::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(100deg,var(--architect) 0%,var(--architect-cyan) 100%)}.architecture-card-provider{position:absolute;top:4px;left:0;right:0;padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:var(--ink);text-align:center;background:linear-gradient(180deg,var(--cream-dark) 0%,var(--cream-paper) 100%);border-bottom:1px solid var(--rule)}.architecture-card-content{position:absolute;top:40px;left:0;right:0;bottom:0;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;color:var(--ink)}.architecture-card-icon{font-size:2rem;margin-bottom:.5rem;color:var(--architect)}.architecture-card-name{font-size:1.25rem;font-weight:700;background:linear-gradient(100deg,var(--architect) 0%,var(--architect-cyan) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:jetbrains mono,monospace}.architecture-card-type{font-size:.875rem;color:var(--ink-muted);font-weight:600}.architecture-card-connections{font-size:.875rem;color:var(--ink-muted);display:flex;align-items:center;gap:.5rem}.architecture-card-status{position:absolute;bottom:1.5rem;left:1.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;color:var(--ink-muted)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pulse 2s ease-in-out infinite;background:var(--architect);box-shadow:0 0 8px rgba(5,150,105,.6)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}@media(max-width:768px){.architecture-card-content{padding:1rem;gap:.375rem}.architecture-card-icon{font-size:1.5rem}.architecture-card-name{font-size:1rem}}.hero-card-designing{background:var(--cream-paper);z-index:1;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.hero-card-designing::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(100deg,var(--architect) 0%,var(--architect-cyan) 100%)}.hero-card-wrapper.designing .hero-card-designing{opacity:1;z-index:5}.design-overlay{position:absolute;top:4px;left:0;width:100%;height:calc(100% - 4px);padding:1.5rem;background:0 0;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.design-header{font-size:.875rem;font-weight:700;background:linear-gradient(100deg,var(--architect) 0%,var(--architect-cyan) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:1rem}.design-progress-bar{width:100%;height:6px;background:rgba(5,150,105,.14);border-radius:3px;overflow:hidden;margin-bottom:1rem}.design-progress-fill{height:100%;background:linear-gradient(90deg,var(--architect) 0%,var(--architect-cyan) 100%);width:0%;transition:width .1s linear}.design-steps{display:flex;flex-direction:column;gap:.5rem;flex:1}.design-step{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--ink-light);transition:color .3s ease}.design-step.active{color:#b45309}.design-step.completed{color:#047857}.design-step-icon{width:16px;text-align:center;flex-shrink:0}.design-step-text{flex:1}.design-status{font-size:.75rem;color:var(--ink-muted);text-align:center;margin-top:.5rem}@media(max-width:768px){.design-overlay{padding:1rem}.design-steps{gap:.25rem}.design-step{font-size:.75rem}}.hero-card-wrapper.designing .hero-card{border-color:#f59e0b;box-shadow:0 8px 24px rgba(13,13,14,8%),0 0 20px rgba(245,158,11,.28)}.hero-card-wrapper.designed.complete .hero-card{border-color:var(--architect);animation:completePulse 3s ease-in-out infinite}@keyframes completePulse{0%,100%{box-shadow:0 8px 24px rgba(13,13,14,8%),0 0 15px rgba(5,150,105,.28)}50%{box-shadow:0 10px 30px rgba(13,13,14,.1),0 0 28px rgba(5,150,105,.45)}}.hero-compliance-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding:0 1rem}.hero-badge-label{display:inline-block;padding:0;font-size:.7rem;font-weight:500;color:var(--ink-light);margin-right:.35rem;text-transform:uppercase;letter-spacing:.08em;font-family:jetbrains mono,monospace}.hero-badge{display:inline-block;padding:0;background:0 0;border:none;font-size:.7rem;font-weight:500;color:var(--ink-light);margin-right:.35rem;transition:color .3s ease;font-family:jetbrains mono,monospace}.hero-badge.active{color:var(--architect-deep);font-weight:700}@media(max-width:768px){.hero-compliance-badges{gap:.5rem;margin-top:1.5rem}.hero-badge-label,.hero-badge{font-size:.65rem}}