@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@800&display=swap");:root{--bg-color:#0a0a1a;--text-color:#e2e8f0;--text-muted:#94a3b8;--accent-color:#8155f4}body{font-family:Inter,sans-serif}.services-section,body{background-color:var(--bg-color)}.services-section{position:relative;width:100%;height:100vh;overflow:hidden;color:var(--text-color)}.color-overlay{position:absolute;inset:0;z-index:1;transition:background 1.5s cubic-bezier(.4,0,.2,1);pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-color-rgb),.15),transparent 40%)}.main-grid{position:relative;display:grid;grid-template-columns:100px 1fr 40%;width:100%;height:100%;z-index:10;align-items:center;padding:0 4rem;gap:3rem}.service-indicators{flex-direction:column;gap:2rem;height:100%}.service-indicator,.service-indicators{display:flex;justify-content:center;align-items:center}.service-indicator{width:60px;height:60px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,0));backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.service-indicator.active{transform:scale(1.15);box-shadow:0 0 30px -5px currentColor,inset 0 0 15px -10px currentColor;border-color:currentColor;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05))}.indicator-number{font-size:1.1rem;font-weight:800;font-family:JetBrains Mono,monospace;color:var(--text-muted);transition:all .3s ease}.service-indicator.active .indicator-number{color:currentColor;text-shadow:0 0 10px currentColor}.visual-content{display:flex;flex-direction:column;justify-content:center;text-align:left;height:100%}.content-header{margin-bottom:2rem}.section-title{font-size:.9rem;letter-spacing:.2em}.section-title,.service-badge{font-weight:700;text-transform:uppercase;color:var(--text-muted)}.service-badge{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:30px;font-size:.75rem;letter-spacing:.12em;background:rgba(255,255,255,.03)}.active-service-content{position:relative;min-height:300px}.service-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;border:2px solid red!important;background:rgba(255,0,0,.1)!important;z-index:1000!important}.service-text-wrapper{overflow:hidden}.active-service-title{font-size:3.5rem;font-weight:800;margin:0 0 1.5rem;line-height:1.1;color:var(--text-color);text-shadow:0 0 15px rgba(255,255,255,.1)}.active-service-description{font-size:1.1rem;line-height:1.7;color:var(--text-muted);max-width:55ch}.canvas-container{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.floating-labels-container{position:absolute;inset:0;pointer-events:none;z-index:20}.floating-label{position:absolute;padding:.5rem 1rem;background:rgba(10,10,26,.7);backdrop-filter:blur(12px);border:1px solid transparent;border-image:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.1)) 1;border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 25px rgba(0,0,0,.3);color:var(--text-color)}.label-position-1{top:20%;left:10%}.label-position-2{top:35%;right:0}.label-position-3{bottom:30%;left:5%}.label-position-4{bottom:15%;right:20%}@media (max-width:1024px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:1.5rem;gap:1rem;align-content:start;text-align:center}.visual-content{grid-row:1;text-align:center;padding-right:0}.service-indicators{grid-row:3;flex-direction:row;height:auto;padding:1rem 0}.active-service-description{margin:0 auto}.canvas-container{grid-column:1;grid-row:2;height:40vh}.active-service-title{font-size:2.5rem}}