@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#fea100;--primary-hover:#e59000;--primary-light:#fea1001a;--bg-color:#0b0f19;--bg-color-alt:#121826;--bg-glass:#121826b3;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#ffffff1a;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:2rem;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000000d;--shadow-glass:0 8px 32px 0 #0000005e;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-xl) 0}.section-light{background-color:var(--bg-color-alt)}.text-center{text-align:center}.text-primary{color:var(--primary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-glass)}.h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem)}.h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3rem)}.h3{font-size:clamp(1.5rem,3vw,2.25rem)}.p-large{color:var(--text-muted);font-size:1.25rem}.btn{transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 0 20px var(--primary-light)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px #fea10066}.btn-outline{border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.grid{gap:var(--space-md);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.navbar{z-index:1000;width:100%;transition:all var(--transition-normal);padding:var(--space-md) 0;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:var(--space-sm) 0;box-shadow:var(--shadow-sm)}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-main);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.logo span{color:var(--primary)}.nav-links{gap:var(--space-md);align-items:center;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--primary)}.mobile-menu-btn{color:var(--text-main);display:none}@media (width<=768px){.nav-links{display:none}.nav-links.active{background:var(--bg-color);width:100%;padding:var(--space-md);border-bottom:1px solid var(--border-color);flex-direction:column;display:flex;position:absolute;top:100%;left:0}.mobile-menu-btn{display:block}}.hero{min-height:100vh;padding-top:var(--space-xl);background:url(https://solusindo-indonesia.com/wp-content/uploads/2018/05/general-cleaning-slide.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:linear-gradient(#0b0f19b3,#0b0f19d9);position:absolute;inset:0}.hero-content{text-align:center;z-index:1;-webkit-backdrop-filter:blur(12px);max-width:900px;padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-glass);background:#12182666;margin:0 auto;position:relative}.hero-badge{background:var(--bg-glass);border:1px solid var(--primary-light);color:var(--primary);margin-bottom:var(--space-md);box-shadow:0 0 15px var(--primary-light);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.hero-title{margin-bottom:var(--space-md);background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title span{background:linear-gradient(to right, var(--primary), #ffd180);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{margin-bottom:var(--space-lg);color:var(--text-muted);font-size:1.125rem}.hero-actions{gap:var(--space-md);justify-content:center;display:flex}@media (width<=768px){.hero-actions{flex-direction:column}}.about-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-content{position:relative}.about-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:.875rem;font-weight:600;display:block}.about-title{margin-bottom:var(--space-md)}.about-text{color:var(--text-muted);margin-bottom:var(--space-md);font-size:1.125rem}.about-image-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.about-image-wrapper:before{content:"";z-index:1;background:linear-gradient(to top right,#fea10033,#0000);position:absolute;inset:0}.about-image{width:100%;height:auto;transition:transform var(--transition-slow);transform:scale(1.05)}.about-image-wrapper:hover .about-image{transform:scale(1)}@media (width<=768px){.about-grid{gap:var(--space-md);grid-template-columns:1fr}}.services-header{text-align:center;max-width:600px;margin:0 auto var(--space-xl)}.services-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:.875rem;font-weight:600;display:block}.service-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;transition:opacity var(--transition-normal);z-index:0;background:radial-gradient(circle,#fea1001a 0%,#0000 70%);position:absolute;inset:0}.service-card:hover{border-color:var(--primary-light);transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.service-card:hover:before{opacity:1}.service-icon-wrapper{z-index:1;width:64px;height:64px;margin:0 auto var(--space-md);color:var(--primary);background:#fea1001a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.service-title{z-index:1;margin-bottom:var(--space-xs);font-size:1.25rem;position:relative}.service-desc{z-index:1;color:var(--text-muted);font-size:.95rem;position:relative}.portfolio-grid{gap:var(--space-md);grid-template-columns:repeat(6,1fr);grid-auto-rows:280px;display:grid}.portfolio-item{border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden}.portfolio-item:first-child{grid-area:span 2/span 4}.portfolio-item:nth-child(2),.portfolio-item:nth-child(3){grid-area:span 1/span 2}.portfolio-item:nth-child(4),.portfolio-item:nth-child(5){grid-area:span 1/span 3}@media (width<=992px){.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.portfolio-item:first-child{grid-area:span 1/span 2}.portfolio-item:nth-child(2),.portfolio-item:nth-child(3),.portfolio-item:nth-child(4),.portfolio-item:nth-child(5){grid-area:span 1/span 1}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:250px}.portfolio-item:nth-child(n){grid-area:span 1/span 1}}.portfolio-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.portfolio-item:hover .portfolio-image{transform:scale(1.1)}.portfolio-overlay{padding:var(--space-md);opacity:.8;transition:opacity var(--transition-normal);background:linear-gradient(#0000 40%,#0b0f19e6 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-title{color:#fff;transition:transform var(--transition-normal);margin:0;font-size:1.25rem;transform:translateY(10px)}.portfolio-item:hover .portfolio-title{transform:translateY(0)}.clients-wrapper{width:100%;padding:var(--space-md) 0;position:relative;overflow:hidden}.clients-track{gap:var(--space-xl);align-items:center;width:max-content;animation:80s linear infinite scroll-left;display:flex}.clients-wrapper:before,.clients-wrapper:after{content:"";z-index:2;width:150px;height:100%;position:absolute;top:0}.clients-wrapper:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.clients-wrapper:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.client-logo{object-fit:contain;height:60px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--space-xl) / 2)))}}.footer{padding-top:var(--space-xl);border-top:1px solid var(--border-color);background-color:#05080f}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-lg);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-logo{color:var(--text-main);letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:800;display:inline-block}.footer-logo span{color:var(--primary)}.footer-desc{color:var(--text-muted);max-width:400px;margin-bottom:var(--space-md)}.footer-title{color:#fff;margin-bottom:var(--space-md);font-size:1.125rem;display:inline-block;position:relative}.footer-title:after{content:"";background-color:var(--primary);width:40px;height:2px;position:absolute;bottom:-5px;left:0}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-contact-item{color:var(--text-muted);margin-bottom:var(--space-sm);align-items:flex-start;gap:10px;display:flex}.footer-contact-item svg{color:var(--primary);flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid var(--border-color);padding:var(--space-md) 0;text-align:center;color:var(--text-muted);font-size:.875rem}@media (width<=768px){.footer-grid{gap:var(--space-md);grid-template-columns:1fr}}