.network-visualization-container{position:relative;width:100%;height:100%;min-height:400px;background-color:var(--gray-3);border:1px solid var(--gray-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(--gray-12)}.debug-header{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--gray-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(--gray-11)}.metric-value{font-variant-numeric:tabular-nums}.visualization-container{position:relative;border:1px solid var(--gray-6);background-color:var(--gray-2);transition:all .3s ease-in-out;display:flex;flex-direction:column;transform:translateZ(0);-webkit-transform:translateZ(0)}#visualization-canvas{width:100%;aspect-ratio:1/1;max-height:500px;flex-shrink:0;display:block;transition:height .3s ease,opacity .2s ease;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#scene-title{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-2);font-weight:500;color:var(--gray-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(--gray-9);font-variant-numeric:tabular-nums}.scene-subtitle{font-size:.75rem;color:var(--gray-10);max-width:300px;line-height:1.4}.viz-carousel-button{all:unset;cursor:pointer;font-size:var(--font-size-2);color:var(--gray-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(--gray-12)}.visualization-footer{padding:var(--space-3);background-color:var(--gray-3);border-top:1px solid var(--gray-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(--gray-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(--gray-4);border:1px solid var(--gray-7);color:var(--gray-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(--gray-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}.visualization-container,#visualization-canvas,.fullscreen-button,.viz-carousel-button{transition:none}}@media (max-width: 768px){.network-visualization-container{min-height:300px;padding:var(--space-1)}.visualization-canvas{height:300px}.debug-metrics{grid-template-columns:1fr}}@media (max-width: 480px){.network-visualization-container{min-height:250px}.visualization-canvas{height:250px}.visualization-debug{font-size:var(--font-size-1)}}.body-text{line-height:1.7}.list-text{line-height:1.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(--gray-2),var(--gray-4),var(--gray-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){.hero-section__gradient{width:100%;border-radius:50px 50px 0 0}.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}.profile-avatar{height:auto}.profile-image{width:100%;height:auto}}@media (max-width: 520px){.hero-content button,.hero-content a[role=button]{font-size:var(--font-size-2)!important;padding:var(--space-2) var(--space-3)!important}.hide-on-mobile{display:none}}
