.network-visualization-container{position:relative;width:100%;height:100%;min-height:400px;background-color:var(--slate-3);border:1px solid var(--slate-6);padding:var(--space-2)}.visualization-canvas{width:100%;height:400px;overflow:hidden}.visualization-debug{margin-top:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-2);color:var(--slate-12)}.debug-header{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--slate-6)}.debug-fps{color:var(--orange-10)}.debug-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin-top:var(--space-1)}.debug-metric{display:flex;justify-content:space-between}.metric-label{color:var(--slate-11)}.metric-value{font-variant-numeric:tabular-nums}.visualization-container{position:relative;border:1px solid var(--slate-6);background-color:var(--slate-2);transition:all .3s ease-in-out;display:flex;flex-direction:column}#visualization-canvas{width:100%;aspect-ratio:1/1;max-height:500px;flex-shrink:0;display:block;transition:height .3s ease,opacity .2s ease}#scene-title{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-2);font-weight:500;color:var(--slate-12);flex-shrink:0;margin-bottom:var(--space-1)}.scene-controls{display:flex;align-items:center;gap:var(--space-2)}.scene-id{font-size:.7rem;color:var(--slate-9);font-variant-numeric:tabular-nums}.scene-subtitle{font-size:.75rem;color:var(--slate-10);max-width:300px;line-height:1.4}.viz-carousel-button{all:unset;cursor:pointer;font-size:var(--font-size-2);color:var(--slate-10);text-decoration:underline;text-underline-offset:.2em;padding:var(--space-1) var(--space-2);transition:color .15s ease}.viz-carousel-button:hover{color:var(--slate-12)}.visualization-footer{padding:var(--space-3);background-color:var(--slate-3);border-top:1px solid var(--slate-6);height:auto;display:flex;flex-direction:column;gap:var(--space-3);transition:background-color .3s ease}.visualization-container.fullscreen{position:fixed;top:5vh;left:5vw;width:90vw;height:90vh;z-index:1000;background-color:var(--slate-1);box-shadow:0 0 20px #00000080;border-radius:4px;transition:all .3s ease;display:flex;flex-direction:column}.visualization-container.fullscreen canvas{aspect-ratio:auto;flex:1;height:auto!important;min-height:0;max-height:none}.visualization-container.fullscreen .visualization-footer{height:auto;padding:var(--space-2)}.fullscreen-button{background:var(--slate-4);border:1px solid var(--slate-7);color:var(--slate-12);padding:var(--space-1) var(--space-2);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-1);border-radius:2px;margin-left:var(--space-2)}.fullscreen-button:hover{background:var(--slate-5)}.footer-row{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-primary{display:flex;flex:1;justify-content:space-between;gap:var(--space-3)}.footer-nav{display:flex;gap:var(--space-3);margin-left:auto}@media (max-width: 768px){#visualization-canvas{aspect-ratio:4/3;max-height:350px}.visualization-container.fullscreen{top:0;left:0;width:100%;height:100%;border-radius:0}.visualization-container.fullscreen canvas{aspect-ratio:auto;height:auto!important}.footer-row{flex-direction:column;align-items:flex-start}.footer-nav{margin-top:var(--space-2);width:100%;display:flex;justify-content:space-between}}.features-section{position:relative;z-index:20;max-width:1280px;margin:0 auto;padding:2.5rem 0 10rem}.feature-grid{margin-top:3rem;border-radius:6px}.feature-card{display:flex;flex-direction:column;padding:1rem;overflow:hidden}.feature-card-lg-span-4,.feature-card-lg-span-2,.feature-card-lg-span-3{grid-column:span 2}.youtube-thumbnail{filter:blur(0);transition:filter .2s ease-in-out}.youtube-thumbnail-container:hover .youtube-thumbnail{filter:blur(4px)}.image-gallery-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:2rem;gap:2.5rem;height:100%;overflow:hidden}.image-gallery-item{border-radius:.5rem;height:5rem;width:5rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.image-gallery-row{display:flex}.image-gallery-row-offset{margin-left:-5rem}.image-gallery-frame{border-radius:.75rem;margin-right:-1rem;margin-top:1rem;padding:.25rem;background-color:var(--color-background);border:1px solid var(--gray-6);flex-shrink:0;overflow:hidden}.gradient-overlay-left,.gradient-overlay-right,.gradient-overlay-top,.gradient-overlay-bottom{position:absolute;inset:0;z-index:100;pointer-events:none}.gradient-overlay-left{width:5rem;background:linear-gradient(to right,var(--color-background),transparent)}.gradient-overlay-right{right:0;width:5rem;background:linear-gradient(to left,var(--color-background),transparent)}.gradient-overlay-top{height:15rem;background:linear-gradient(to bottom,var(--color-background),transparent)}.gradient-overlay-bottom{bottom:0;height:15rem;background:linear-gradient(to top,var(--color-background),var(--color-background) 50%,transparent 100%)}.globe-container{height:15rem;display:flex;flex-direction:column;align-items:center;position:relative;background:transparent;margin-top:2.5rem}.globe-canvas{width:600px;height:600px;max-width:100%;aspect-ratio:1/1;position:absolute;right:-2.5rem;bottom:-18rem}@media (min-width: 1024px){.feature-card-lg-span-4{grid-column:span 7}.feature-card-lg-span-2{grid-column:span 5}.feature-card-lg-span-3{grid-column:span 6}}.hero-section{position:relative;overflow:hidden}.hero-section__gradient{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#ff52001a,#ff7b000d);z-index:-1;border-radius:100px 0 0}.section-intro{max-width:800px;margin-left:auto;margin-right:auto}.business-objectives-section .objective-badge{padding:.4em 1em;font-size:.8rem;letter-spacing:.5px;font-weight:600}.startup-badge{background-color:#ff520026;color:#ff5200}.enterprise-badge{background-color:#0052cc26;color:#0052cc}.agency-badge{background-color:#5200cc26;color:#5200cc}.capability-showcase{position:relative;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 5px 15px #0000001a}.capability-showcase:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.capability-canvas-container{position:relative;border-radius:3px;overflow:hidden}.capability-canvas{display:block}.solution-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(60,60,60,.2);margin-bottom:1.5rem}.tab-item{position:relative;overflow:hidden;padding:.75rem 1rem;cursor:pointer;transition:color .2s ease}.tab-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#ff5200;transition:width .3s ease,left .3s ease}.tab-item[data-state=active]:after{width:100%;left:0}.tab-item[data-state=active]{color:#ff5200}.service-selector{position:relative;z-index:2}.service-details{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.service-details--active{opacity:1;transform:translateY(0)}.process-section .process-step{position:relative;padding-top:2rem}.process-number{position:absolute;top:1rem;right:1rem;font-size:2.5rem;font-weight:700;opacity:.1;color:#ff5200}.process-list li{margin-bottom:.5rem}.testimonial-card{position:relative;overflow:hidden;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-card--startup{border-top:3px solid rgb(255,82,0)}.testimonial-card--enterprise{border-top:3px solid rgb(0,82,204)}.testimonial-card--agency{border-top:3px solid rgb(82,0,204)}.testimonial-quote{font-style:italic;position:relative}.testimonial-quote:before{content:'"';position:absolute;top:-25px;left:-5px;font-size:4rem;opacity:.1;font-family:Georgia,serif}.testimonial-avatar{box-shadow:0 2px 10px #0000001a}.faq-section .card-root{transition:transform .3s ease}.faq-section .card-root:hover{transform:translateY(-3px)}.cta-card{background:linear-gradient(135deg,var(--slate-2),var(--slate-4),var(--slate-5));position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,#ff5200,#ff7b00)}.placeholder-visualization{height:100%;background:linear-gradient(-45deg,#28282866,#3c3c3c66,#28282866,#1e1e1e66);background-size:400% 400%;animation:gradient 15s ease infinite;border-radius:3px;min-height:300px}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.showcase-card{position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);animation:shimmer 10s infinite linear;z-index:1;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}.contact-link{text-decoration:none;color:inherit;position:relative;display:inline-block}.contact-button{position:relative;transition:all .3s ease;overflow:hidden;z-index:1}.contact-button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#ff52001a;transition:height .3s ease;z-index:-1}.contact-button:hover{transform:translateY(-2px)}.contact-button:hover:after{height:100%}@media (max-width: 768px){.placeholder-visualization{min-height:200px}.process-number{font-size:2rem;position:static;display:block;margin-bottom:.5rem;opacity:.5}.solution-tabs{flex-direction:column;border-bottom:none}.tab-item{margin-bottom:5px;border-left:2px solid transparent}.tab-item[data-state=active]{border-left:2px solid rgb(255,82,0)}.tab-item:after{display:none}.service-selector{display:flex;flex-direction:column;gap:.5rem}}
