.service-tree-container{padding:var(--spacing-xxl) var(--spacing-m);text-align:center;background-color:var(--color-background-light)}.service-tree-title{font-size:var(--font-size-h2);color:var(--color-primary-dark-blue);margin-bottom:var(--spacing-xxl);position:relative;font-weight:700;letter-spacing:.5px}.service-tree-title:after{content:'';display:block;width:60px;height:3px;background-color:var(--color-accent-teal);margin:var(--spacing-s) auto 0;border-radius:1.5px}.tree{display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--spacing-m) 0}.node.root{background-color:var(--color-primary-dark-blue);color:var(--color-text-light);padding:18px 40px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.2);font-size:1.7em;font-weight:700;z-index:2;position:relative;margin-bottom:var(--spacing-l);display:inline-block;letter-spacing:.5px}.branches{display:flex;justify-content:center;width:100%;position:relative;padding-top:var(--spacing-l)}.node.service{background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);color:var(--color-text-dark);padding:15px 30px;border-radius:6px;box-shadow:0 2px 10px var(--color-shadow-subtle);font-size:1.15em;font-weight:600;margin:0 var(--spacing-m);position:relative;z-index:2;cursor:pointer;transition:all .3s ease-out;min-width:200px;display:flex;align-items:center;justify-content:center;text-align:center}.node.service:hover{transform:translateY(-8px);box-shadow:0 10px 25px var(--color-shadow-medium);border-color:var(--color-accent-teal);color:var(--color-accent-teal);background-color:var(--color-background-light-alt)}.sub-branches{display:flex;justify-content:center;width:100%;margin-top:var(--spacing-l);position:relative;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity .5s ease-out,visibility .5s ease-out,max-height .5s ease-out}.sub-branches[aria-expanded=true]{opacity:1;visibility:visible;max-height:500px}.node.sub-service{background-color:var(--color-background-light-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-dark);padding:10px 20px;border-radius:5px;box-shadow:0 1px 6px var(--color-shadow-subtle);font-size:var(--font-size-small);margin:0 var(--spacing-s);position:relative;z-index:2;cursor:pointer;transition:all .3s ease-out;min-width:140px;display:flex;align-items:center;justify-content:center;text-align:center}.node.sub-service:hover{background-color:var(--color-accent-teal-light);transform:translateY(-5px);box-shadow:0 4px 10px var(--color-shadow-medium);border-color:var(--color-accent-teal);color:var(--color-accent-teal)}.tree:before{content:'';position:absolute;top:0;left:50%;width:1px;height:70px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.branches:before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 120px);max-width:650px;height:1px;background-color:var(--color-separator);transform:translateX(-50%);z-index:1}.branches .node.service:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:40px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.sub-branches:before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 80px);max-width:450px;height:1px;background-color:var(--color-separator);transform:translateX(-50%);z-index:1}.sub-branches .node.sub-service:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:30px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.service-description-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);box-shadow:0 8px 30px var(--color-shadow-medium);padding:var(--spacing-l);border-radius:8px;z-index:1000;max-width:550px;text-align:left;animation:fadeIn .3s ease-out forwards}.service-description-popup h3{margin-top:0;color:var(--color-primary-dark-blue);font-size:var(--font-size-h3);margin-bottom:var(--spacing-s);font-weight:700}.service-description-popup p{font-size:var(--font-size-body);line-height:1.7;color:var(--color-text-dark)}.service-description-popup button{background-color:var(--color-accent-teal);color:var(--color-text-light);border:none;padding:12px 25px;border-radius:5px;cursor:pointer;margin-top:var(--spacing-m);font-size:var(--font-size-base);transition:background-color .3s ease,transform .2s ease;font-weight:600}.service-description-popup button:hover{background-color:#16a085;transform:translateY(-2px)}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.features-section{padding:var(--spacing-xxl) var(--spacing-m);background-color:var(--color-background-light-alt);text-align:center}.features-section-title{font-size:var(--font-size-h2);color:var(--color-primary-dark-blue);margin-bottom:var(--spacing-xxl);position:relative;font-weight:700;letter-spacing:.5px}.features-section-title:after{content:'';display:block;width:60px;height:3px;background-color:var(--color-accent-teal);margin:var(--spacing-s) auto 0;border-radius:1.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px, 1fr));gap:var(--spacing-l);max-width:1200px;margin:0 auto}.feature-item{background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px var(--color-shadow-subtle);transition:all .3s ease-out;cursor:pointer;text-align:left}.feature-item.active{box-shadow:0 8px 25px var(--color-shadow-medium);border-color:var(--color-accent-teal);background-color:var(--color-background-light)}.feature-header{display:flex;align-items:center;padding:20px 25px;background-color:var(--color-background-light);border-bottom:1px solid var(--color-border-subtle);position:relative;user-select:none;font-weight:600;color:var(--color-primary-dark-blue);transition:background-color .3s ease}.feature-item.active .feature-header{background-color:var(--color-accent-teal-light);color:var(--color-primary-dark-blue)}.feature-header h3{margin:0;font-size:1.25em;flex-grow:1}.feature-icon{font-size:1.7em;color:var(--color-accent-teal);margin-right:var(--spacing-m)}.toggle-icon{font-size:1em;color:var(--color-text-dark);transition:transform .3s ease}.feature-item.active .toggle-icon{transform:rotate(180deg);color:var(--color-accent-teal)}.feature-content{max-height:0;padding:0 25px;overflow:hidden;transition:max-height .5s ease-out,padding .5s ease-out;color:var(--color-text-dark);line-height:1.7}.feature-item.active .feature-content{max-height:250px;padding:20px 25px}.feature-content p{margin-top:0;margin-bottom:0;font-size:var(--font-size-body)}.projects-showcase-section{padding:var(--spacing-xxl) var(--spacing-m);background:linear-gradient(135deg,var(--color-primary-dark-blue) 0%,var(--color-secondary-blue) 100%);background-size:200% 200%;animation:gradientShift 10s ease infinite alternate;color:var(--color-text-light);text-align:center;overflow:hidden}@keyframes gradientShift{0%{background-position:0 50%}100%{background-position:100% 50%}}.projects-showcase-title{font-size:var(--font-size-h1);color:var(--color-text-light);margin-bottom:var(--spacing-s);position:relative;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.projects-showcase-title:after{content:'';display:block;width:80px;height:3px;background-color:var(--color-accent-teal);margin:var(--spacing-s) auto 0;border-radius:1.5px;box-shadow:0 0 10px rgba(26,188,156,.4)}.projects-showcase-subtitle{font-size:var(--font-size-body);color:rgba(255,255,255,.8);margin-bottom:var(--spacing-xxl);max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px, 1fr));gap:var(--spacing-l);max-width:1400px;margin:0 auto var(--spacing-xxl) auto;perspective:1000px}.project-card{background-color:var(--color-secondary-blue);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 0 15px rgba(255,255,255,.05);padding:30px;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;text-align:left}.project-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 0 20px rgba(255,255,255,.1);border-color:var(--color-accent-teal)}.project-header{display:flex;align-items:center;margin-bottom:var(--spacing-m);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-s)}.project-header h3{font-size:1.5em;color:var(--color-text-light);margin:0;flex-grow:1;font-weight:600}.project-icon{font-size:2.2em;color:var(--color-accent-teal);margin-right:var(--spacing-m);filter:drop-shadow(0 0 5px rgba(26,188,156,.3))}.project-status{font-size:.8em;padding:6px 12px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.project-body{flex-grow:1;text-align:left;margin-bottom:var(--spacing-m)}.project-body p{font-size:.95em;color:var(--color-text-light);line-height:1.6;opacity:.9}.project-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-s);border-top:1px solid rgba(255,255,255,.08);padding-top:var(--spacing-s)}.project-tag{background-color:rgba(255,255,255,.1);color:var(--color-text-light);padding:4px 8px;border-radius:4px;font-size:.75em;text-transform:uppercase;font-weight:500;letter-spacing:.5px;transition:background-color .2s ease,color .2s ease}.project-tag:hover{background-color:var(--color-accent-teal);color:var(--color-background-dark)}.portfolio-button-container{margin-top:var(--spacing-xxl);text-align:center}.futuristic-button{display:inline-flex;align-items:center;background:linear-gradient(45deg,var(--color-accent-teal),#16a085);color:var(--color-text-light);padding:15px 35px;border:none;border-radius:6px;font-size:1.15em;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 20px var(--color-accent-teal-shadow);cursor:pointer;text-transform:uppercase;letter-spacing:.8px}.futuristic-button:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(45deg,#16a085,var(--color-accent-teal));box-shadow:0 8px 25px rgba(26,188,156,.6)}.futuristic-button i{margin-left:15px;transition:transform .3s ease}.futuristic-button:hover i{transform:translateX(5px)}.service-tree-container{padding:var(--spacing-xxl) var(--spacing-m);text-align:center;background-color:var(--color-background-light)}.service-tree-title{font-size:var(--font-size-h2);color:var(--color-primary-dark-blue);margin-bottom:var(--spacing-xxl);position:relative;font-weight:700;letter-spacing:.5px}.service-tree-title:after{content:'';display:block;width:60px;height:3px;background-color:var(--color-accent-teal);margin:var(--spacing-s) auto 0;border-radius:1.5px}.tree{display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--spacing-m) 0}.node.root{background-color:var(--color-primary-dark-blue);color:var(--color-text-light);padding:18px 40px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.2);font-size:1.7em;font-weight:700;z-index:2;position:relative;margin-bottom:var(--spacing-l);display:inline-block;letter-spacing:.5px}.branches{display:flex;justify-content:center;width:100%;position:relative;padding-top:var(--spacing-l)}.node.service{background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);color:var(--color-text-dark);padding:15px 30px;border-radius:6px;box-shadow:0 2px 10px var(--color-shadow-subtle);font-size:1.15em;font-weight:600;margin:0 var(--spacing-m);position:relative;z-index:2;cursor:pointer;transition:all .3s ease-out;min-width:200px;display:flex;align-items:center;justify-content:center;text-align:center}.node.service:hover{transform:translateY(-8px);box-shadow:0 10px 25px var(--color-shadow-medium);border-color:var(--color-accent-teal);color:var(--color-accent-teal);background-color:var(--color-background-light-alt)}.sub-branches{display:flex;justify-content:center;width:100%;margin-top:var(--spacing-l);position:relative;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity .5s ease-out,visibility .5s ease-out,max-height .5s ease-out}.sub-branches[aria-expanded=true]{opacity:1;visibility:visible;max-height:500px}.node.sub-service{background-color:var(--color-background-light-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-dark);padding:10px 20px;border-radius:5px;box-shadow:0 1px 6px var(--color-shadow-subtle);font-size:var(--font-size-small);margin:0 var(--spacing-s);position:relative;z-index:2;cursor:pointer;transition:all .3s ease-out;min-width:140px;display:flex;align-items:center;justify-content:center;text-align:center}.node.sub-service:hover{background-color:var(--color-accent-teal-light);transform:translateY(-5px);box-shadow:0 4px 10px var(--color-shadow-medium);border-color:var(--color-accent-teal);color:var(--color-accent-teal)}.tree:before{content:'';position:absolute;top:0;left:50%;width:1px;height:70px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.branches:before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 120px);max-width:650px;height:1px;background-color:var(--color-separator);transform:translateX(-50%);z-index:1}.branches .node.service:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:40px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.sub-branches:before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 80px);max-width:450px;height:1px;background-color:var(--color-separator);transform:translateX(-50%);z-index:1}.sub-branches .node.sub-service:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:30px;background-color:var(--color-separator);transform:translateX(-.5px);z-index:1}.service-description-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);box-shadow:0 8px 30px var(--color-shadow-medium);padding:var(--spacing-l);border-radius:8px;z-index:1000;max-width:550px;text-align:left;animation:fadeIn .3s ease-out forwards}.service-description-popup h3{margin-top:0;color:var(--color-primary-dark-blue);font-size:var(--font-size-h3);margin-bottom:var(--spacing-s);font-weight:700}.service-description-popup p{font-size:var(--font-size-body);line-height:1.7;color:var(--color-text-dark)}.service-description-popup button{background-color:var(--color-accent-teal);color:var(--color-text-light);border:none;padding:12px 25px;border-radius:5px;cursor:pointer;margin-top:var(--spacing-m);font-size:var(--font-size-base);transition:background-color .3s ease,transform .2s ease;font-weight:600}.service-description-popup button:hover{background-color:#16a085;transform:translateY(-2px)}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.features-section{padding:var(--spacing-xxl) var(--spacing-m);background-color:var(--color-background-light-alt);text-align:center}.features-section-title{font-size:var(--font-size-h2);color:var(--color-primary-dark-blue);margin-bottom:var(--spacing-xxl);position:relative;font-weight:700;letter-spacing:.5px}.features-section-title:after{content:'';display:block;width:60px;height:3px;background-color:var(--color-accent-teal);margin:var(--spacing-s) auto 0;border-radius:1.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px, 1fr));gap:var(--spacing-l);max-width:1200px;margin:0 auto}.feature-item{background-color:var(--color-background-light);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px var(--color-shadow-subtle);transition:all .3s ease-out;cursor:pointer;text-align:left}.feature-item.active{box-shadow:0 8px 25px var(--color-shadow-medium);border-color:var(--color-accent-teal);background-color:var(--color-background-light)}.feature-header{display:flex;align-items:center;padding:20px 25px;background-color:var(--color-background-light);border-bottom:1px solid var(--color-border-subtle);position:relative;user-select:none;font-weight:600;color:var(--color-primary-dark-blue);transition:background-color .3s ease}.feature-item.active .feature-header{background-color:var(--color-accent-teal-light);color:var(--color-primary-dark-blue)}.feature-header h3{margin:0;font-size:1.25em;flex-grow:1}.feature-icon{font-size:1.7em;color:var(--color-accent-teal);margin-right:var(--spacing-m)}.toggle-icon{font-size:1em;color:var(--color-text-dark);transition:transform .3s ease}.feature-item.active .toggle-icon{transform:rotate(180deg);color:var(--color-accent-teal)}.feature-content{max-height:0;padding:0 25px;overflow:hidden;transition:max-height .5s ease-out,padding .5s ease-out;color:var(--color-text-dark);line-height:1.7}.feature-item.active .feature-content{max-height:250px;padding:20px 25px}.feature-content p{margin-top:0;margin-bottom:0;font-size:var(--font-size-body)}@media (max-width:1024px){.service-tree-title,.features-section-title,.projects-showcase-title{font-size:2em}.node.root{font-size:1.4em;padding:15px 30px}.node.service{font-size:1.05em;padding:12px 25px;min-width:180px}.node.sub-service{font-size:.85em;padding:8px 15px;min-width:120px}.project-card{padding:25px}.project-header h3{font-size:1.4em}.project-icon{font-size:2em}.futuristic-button{font-size:1em;padding:12px 25px}}@media (max-width:768px){.service-tree-container,.features-section,.projects-showcase-section{padding:var(--spacing-l) var(--spacing-s)}.service-tree-title,.features-section-title,.projects-showcase-title{font-size:1.8em;margin-bottom:var(--spacing-l)}.service-tree-title:after,.features-section-title:after,.projects-showcase-title:after{width:50px;height:2px;margin-top:var(--spacing-s)}.projects-showcase-subtitle{font-size:.9em;margin-bottom:var(--spacing-l)}.branches,.sub-branches{flex-direction:column;align-items:center;padding-top:var(--spacing-m)}.node.service,.node.sub-service{margin:var(--spacing-s) 0;min-width:unset;width:90%;max-width:300px;box-sizing:border-box}.tree:before{height:50px}.branches:before,.sub-branches:before{display:none}.branches .node.service:before{height:20px;bottom:100%}.sub-branches .node.sub-service:before{height:15px;bottom:100%}.service-description-popup{width:90%;padding:var(--spacing-m)}.service-description-popup h3{font-size:1.3em}.service-description-popup p{font-size:.95em}.features-grid{grid-template-columns:1fr;gap:var(--spacing-m)}.feature-header{padding:15px 20px}.feature-header h3{font-size:1.1em}.feature-icon{font-size:1.3em;margin-right:var(--spacing-s)}.feature-content{padding:15px 20px}.feature-item.active .feature-content{padding:15px 20px}.projects-grid{gap:var(--spacing-m);margin-bottom:var(--spacing-l)}.project-card{padding:20px}.project-header{flex-direction:column;align-items:flex-start;text-align:left}.project-icon{margin-right:0;margin-bottom:var(--spacing-s);font-size:1.8em}.project-header h3{width:100%;font-size:1.25em}.project-status{margin-top:var(--spacing-s);align-self:flex-start}.project-tag{font-size:.7em;padding:3px 6px}.futuristic-button{font-size:.95em;padding:10px 20px}}@media (max-width:480px){.service-tree-container,.features-section,.projects-showcase-section{padding:var(--spacing-m) var(--spacing-s)}.service-tree-title,.features-section-title,.projects-showcase-title{font-size:1.6em}.node.root{font-size:1.1em;padding:10px 20px}.node.service{font-size:.9em;padding:10px 20px}.node.sub-service{font-size:.75em;padding:6px 12px}.service-description-popup{padding:15px}.service-description-popup h3{font-size:1.1em}.futuristic-button{font-size:.85em;padding:8px 18px}}