:root{--bg-primary:#060b14;--bg-secondary:#0a1628;--bg-card:#0d1b2a;--bg-card-hover:#112240;--bg-overlay:#071018cc;--accent-primary:#00e5ff;--accent-secondary:#3b82f6;--accent-gradient:linear-gradient(135deg, #3b82f6, #6366f1);--accent-glow:#3b82f644;--cta-gradient:linear-gradient(135deg, #3b82f6, #2563eb);--cta-hover:linear-gradient(135deg, #2563eb, #1d4ed8);--text-primary:#e8f4fd;--text-secondary:#89a;--text-muted:#4a5e72;--border-subtle:#1a2d45;--border-card:#1e3a5f;--border-active:#3b82f644;--color-success:#39ff8a;--color-warning:#ffd600;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--section-padding:100px 0;--container-max:1100px;--container-padding:0 24px;--transition-fast:.2s ease;--transition-med:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{min-height:100%;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.container{max-width:var(--container-max);padding:var(--container-padding);width:100%;margin:0 auto}.section{padding:var(--section-padding);position:relative}.section-header{text-align:center;margin-bottom:56px}.section-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-primary);border-radius:var(--radius-pill);background:#00e5ff14;border:1px solid #00e5ff33;margin-bottom:20px;padding:6px 20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:16px;font-family:Rajdhani,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2}.section-title .gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{z-index:1000;transition:all var(--transition-med);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#060b1499;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#060b14e6;padding:10px 0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:.04em;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;display:flex}.nav-logo-icon{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;position:relative}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-cta{color:#fff;background:var(--accent-gradient);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px var(--accent-glow);border:none;align-items:center;gap:8px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.nav-cta:hover{box-shadow:0 4px 24px var(--accent-glow);transform:translateY(-1px)}@keyframes cta-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 50px #3b82f626}}.nav-cta{animation:2s ease-in-out infinite cta-pulse}.nav-hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--text-primary);width:26px;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.nav-hamburger.active span:first-child{transform:rotate(45deg)translateY(5px)translate(5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg)translateY(-5px)translate(5px)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-gradient{background:radial-gradient(at 50% 30%,#3b82f61a 0%,#0000 60%),radial-gradient(at 30% 70%,#00e5ff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#6366f10f 0%,#0000 50%);position:absolute;inset:0}.hero-particles{position:absolute;inset:0}.hero-content{z-index:2;max-width:720px;position:relative}.hero-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);border-radius:var(--radius-pill);background:#00e5ff0f;border:1px solid #00e5ff33;align-items:center;gap:8px;margin-bottom:32px;padding:8px 24px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.hero-badge-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-heading{color:var(--text-primary);margin-bottom:24px;font-family:Orbitron,sans-serif;font-size:clamp(36px,6vw,60px);font-weight:900;line-height:1.15;position:relative}.hero-heading .gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-primary);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 #00e5ff;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-1px 0 #3b82f6;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 86px, 0)}20%{clip:rect(32px, 9999px, 14px, 0)}40%{clip:rect(78px, 9999px, 49px, 0)}60%{clip:rect(56px, 9999px, 98px, 0)}80%{clip:rect(12px, 9999px, 34px, 0)}to{clip:rect(90px, 9999px, 23px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(29px, 9999px, 83px, 0)}20%{clip:rect(65px, 9999px, 12px, 0)}40%{clip:rect(43px, 9999px, 98px, 0)}60%{clip:rect(12px, 9999px, 45px, 0)}80%{clip:rect(87px, 9999px, 23px, 0)}to{clip:rect(34px, 9999px, 67px, 0)}}.hero-description{color:var(--text-secondary);max-width:580px;margin:0 auto 40px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{color:#fff;background:var(--cta-gradient);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--accent-glow);border:none;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;animation:2.5s ease-in-out infinite cta-pulse;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-card);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary);background:#ffffff08;transform:translateY(-2px)}.stats{padding:48px 0 60px;position:relative}.stats-grid{flex-wrap:wrap;justify-content:center;gap:60px;display:flex}.stat-item{text-align:center}.stat-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.3}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:14px}.services{padding:var(--section-padding);position:relative}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition-med);padding:40px 32px}.service-card:hover{border-color:var(--border-active);background:var(--bg-card-hover);transform:translateY(-4px)}.service-icon{border-radius:var(--radius-md);background:#00e5ff14;border:1px solid #00e5ff26;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:22px;display:flex}.service-title{color:var(--text-primary);margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.service-description{color:var(--text-secondary);font-size:14px;line-height:1.7}.layanan{padding:var(--section-padding);background:var(--bg-secondary);position:relative}.layanan-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.layanan-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition-med);overflow:hidden}.layanan-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:0 8px 32px #3b82f614}.layanan-thumb{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.layanan-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-med)}.layanan-card:hover .layanan-thumb-img{transform:scale(1.05)}.layanan-badge{letter-spacing:.15em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--accent-primary);background:#00e5ff26;border:1px solid #00e5ff4d;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;position:absolute;top:16px;left:16px}.layanan-badge.hot{color:#ef4444;background:#ef444426;border-color:#ef44444d}.layanan-info{padding:28px}.layanan-title{color:var(--text-primary);margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700}.layanan-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.layanan-btn{color:#fff;background:var(--cta-gradient);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.layanan-btn:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.steps{padding:var(--section-padding);position:relative}.steps-list{flex-direction:column;gap:20px;max-width:750px;margin:0 auto;display:flex}.step-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition-med);align-items:flex-start;gap:20px;padding:28px 32px;display:flex}.step-card:hover{border-color:var(--border-active);background:var(--bg-card-hover)}.step-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;border-radius:var(--radius-md);background-color:#00e5ff0d;-webkit-background-clip:text;background-clip:text;background-image:var(--accent-gradient);border:1px solid #00e5ff33;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;height:44px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:800;display:flex}.step-content{flex:1}.step-title{color:var(--text-primary);margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.step-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.testimonials{padding:var(--section-padding);background:var(--bg-secondary);position:relative;overflow:hidden}.testimonials-track-container{padding:10px 0;position:relative;overflow:hidden}.testimonials-track{gap:24px;width:max-content;animation:35s linear infinite scroll-testimonials;display:flex}.testimonials-track:hover{animation-play-state:paused}@keyframes scroll-testimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);min-width:360px;max-width:360px;transition:border-color var(--transition-fast);flex-shrink:0;padding:32px}.testimonial-card:hover{border-color:var(--border-active)}.testimonial-stars{color:var(--color-warning);letter-spacing:2px;text-shadow:0 0 8px #ffd60033;margin-bottom:16px;font-size:14px}.testimonial-quote{color:var(--text-secondary);margin-bottom:24px;font-size:14px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:800;display:flex}.testimonial-name{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.testimonial-role{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.cta-section{padding:80px 0;position:relative}.cta-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);text-align:center;padding:64px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";background:radial-gradient(#3b82f60f 0%,#0000 70%);position:absolute;inset:0}.cta-title{color:var(--text-primary);margin-bottom:16px;font-family:Rajdhani,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;position:relative}.cta-title .gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-desc{color:var(--text-secondary);max-width:500px;margin:0 auto 32px;font-size:16px;position:relative}.cta-btn{color:#fff;background:var(--cta-gradient);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 24px var(--accent-glow);border:none;align-items:center;gap:10px;padding:16px 40px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;animation:2.5s ease-in-out infinite cta-pulse;display:inline-flex;position:relative}.cta-btn:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:60px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}.footer-brand-logo{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;display:flex}.footer-brand-icon{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.footer-brand-tagline{color:var(--text-muted);max-width:300px;font-size:14px;line-height:1.6}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);margin-bottom:20px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:14px}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;padding-top:24px}.footer-copyright{color:var(--text-muted);font-size:13px}.footer-copyright .heart{color:#3b82f6}@media (max-width:1024px){.services-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:768px){:root{--section-padding:72px 0}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#060b14f7;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-link{font-size:18px}.nav-hamburger{display:flex}.services-grid,.layanan-grid{grid-template-columns:1fr}.stats-grid{gap:32px}.testimonial-card{min-width:280px;max-width:280px}.cta-box{padding:48px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){:root{--section-padding:56px 0;--container-padding:0 16px}.hero{padding-top:80px}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-ghost{justify-content:center;width:100%;max-width:280px}.stats-grid{flex-direction:column;gap:24px}.step-card{text-align:center;flex-direction:column;align-items:center}}