@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}:root{--teal:#00bfa5;--teal-dark:#009688;--accent:#64ffda;--accent2:#00e5cc;--bg-dark:#060608;--bg-mid:#0c0c12;--bg-light:#111118;--text:#eeeef2;--muted:#888896;--card:#16161e;--border:#1e1e28;--gradient-teal:linear-gradient(135deg, #00bfa5, #64ffda)}body{background:var(--bg-dark);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700}a{color:var(--teal);text-decoration:none;transition:all .3s}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(-4px)rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00bfa526}50%{box-shadow:0 0 40px #00bfa54d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-glow{0%,to{border-color:#00bfa533}50%{border-color:#00bfa599}}@keyframes icon-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes line-grow{0%{width:0}to{width:100%}}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-fade-left{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translate(-60px)}.animate-fade-left.visible{opacity:1;transform:translate(0)}.animate-fade-right{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translate(60px)}.animate-fade-right.visible{opacity:1;transform:translate(0)}.animate-zoom{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:scale(.7)}.animate-zoom.visible{opacity:1;transform:scale(1)}.animate-flip{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:perspective(600px)rotateY(30deg)}.animate-flip.visible{opacity:1;transform:perspective(600px)rotateY(0)}.animate-fade-down{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(-40px)}.animate-fade-down.visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}.animate-delay-5{transition-delay:.5s}.animate-delay-6{transition-delay:.6s}.hover-float{transition:transform .4s}.hover-float:hover{transform:translateY(-8px)}.hover-glow{transition:box-shadow .4s,border-color .4s}.hover-glow:hover{border-color:#00bfa580;box-shadow:0 0 30px #00bfa533}.icon-animated{transition:transform .3s;display:inline-block}.icon-animated:hover{animation:.6s icon-bounce}.shimmer-text{background:linear-gradient(90deg, var(--text) 0%, var(--accent) 50%, var(--text) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.glow-border{animation:3s ease-in-out infinite border-glow}.card-tilt{transition:transform .4s,box-shadow .4s}.card-tilt:hover{transform:translateY(-8px)rotateX(2deg)rotateY(-2deg);box-shadow:0 20px 60px #00bfa51f}.section-particles{position:relative;overflow:hidden}.section-particles:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#00bfa514 1px,#0000 1px),radial-gradient(circle,#64ffda0d 1px,#0000 1px);background-position:0 0,30px 30px;background-size:40px 40px,60px 60px;animation:1.5s fadeIn;position:absolute;inset:0}.navbar{z-index:100;-webkit-backdrop-filter:blur(24px);background:#060608cc;border-bottom:1px solid #1e1e2899;padding:12px 0;transition:all .4s;animation:.6s fadeInDown;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#060608f2;padding:8px 0;box-shadow:0 4px 30px #0000004d}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo .logo-img{object-fit:contain;filter:drop-shadow(0 0 8px #00bfa54d);width:42px;height:42px;transition:all .4s}.nav-logo:hover .logo-img{filter:drop-shadow(0 0 16px #00bfa580);transform:scale(1.05)}.nav-logo-text{flex-direction:column;line-height:1.1;display:flex}.nav-logo-text .brand-name{letter-spacing:.03em;background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.nav-logo-text .brand-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--teal);opacity:.8;font-family:Inter,sans-serif;font-size:.6rem;font-weight:500}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:.01em;padding:4px 0;font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-teal);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta-wrapper{justify-content:center;display:flex}.nav-links .nav-cta{text-align:center;white-space:nowrap;color:var(--bg-dark);padding:10px 28px;font-size:.9rem;display:inline-block}.nav-links .nav-cta:after{display:none}.nav-links .nav-cta:hover{color:var(--bg-dark)}.btn-primary{background:var(--gradient-teal);color:var(--bg-dark);cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;padding:14px 36px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #00bfa540}.btn-primary:hover{color:var(--bg-dark);transform:translateY(-3px)scale(1.03);box-shadow:0 8px 30px #00bfa566,0 0 60px #00bfa526}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-outline{border:1.5px solid var(--teal);color:var(--teal);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:12px;padding:14px 36px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s}.btn-outline:hover{color:var(--accent);border-color:var(--accent);background:#00bfa51a;transform:translateY(-2px);box-shadow:0 4px 15px #00bfa526}.hero{text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#00bfa50f 0%,#0000 50%),radial-gradient(at 70% 60%,#64ffda0a 0%,#0000 50%),radial-gradient(circle,#00bfa505 0%,#0000 70%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#00bfa508 1px,#0000 1px),linear-gradient(90deg,#00bfa508 1px,#0000 1px);background-size:60px 60px;animation:2s fadeIn;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero .container{z-index:1;position:relative}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 30px #00bfa54d);width:120px;height:120px;margin:0 auto 28px;animation:.8s forwards scaleIn,4s ease-in-out 1s infinite float;display:block}.hero h1{margin-bottom:8px;font-size:4rem;line-height:1.1;animation:.8s .2s both fadeInUp}.hero h1 .brand-hero{background:linear-gradient(135deg, var(--text) 20%, var(--teal) 50%, var(--accent) 80%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-weight:700;animation:4s infinite gradient-shift}.hero-tagline{letter-spacing:.25em;text-transform:uppercase;color:var(--teal);opacity:.9;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:500;animation:.8s .35s both fadeInUp}.hero-tagline .divider{background:var(--teal);vertical-align:middle;opacity:.5;width:1px;height:14px;margin:0 14px;display:inline-block}.hero p{color:var(--muted);max-width:580px;margin:0 auto 36px;font-size:1.15rem;font-weight:400;animation:.8s .5s both fadeInUp}.hero-buttons{justify-content:center;gap:16px;animation:.8s .65s both fadeInUp;display:flex}.hero-orbs{pointer-events:none;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orb{border:1px solid #00bfa526;border-radius:50%;position:absolute}.hero-orb:first-child{width:200px;height:200px;animation:20s linear infinite spin-slow;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orb:nth-child(2){width:320px;height:320px;animation:30s linear infinite reverse spin-slow;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orb:nth-child(3){border-color:#00bfa512;width:440px;height:440px;animation:40s linear infinite spin-slow;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 10px var(--teal);border-radius:50%;position:absolute}.hero-orb:first-child .orb-dot{top:0;left:50%;transform:translate(-50%)}.hero-orb:nth-child(2) .orb-dot{bottom:0;right:20%}.hero-orb:nth-child(3) .orb-dot{top:30%;left:0}.floating-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-orb{border:1px solid #00bfa51a;border-radius:50%;animation:25s linear infinite spin-slow;position:absolute}.floating-orb .orb-dot{background:var(--teal);width:5px;height:5px;box-shadow:0 0 8px var(--teal);opacity:.7;border-radius:50%;position:absolute}.floating-orb-1{border-color:#00bfa51f;width:160px;height:160px;animation-duration:22s;top:15%;left:5%}.floating-orb-1 .orb-dot{top:0;left:50%;transform:translate(-50%)}.floating-orb-2{border-color:#00bfa514;width:220px;height:220px;animation-duration:30s;animation-direction:reverse;top:8%;left:auto;right:8%}.floating-orb-2 .orb-dot{bottom:10%;right:0}.floating-orb-3{border-color:#00bfa50f;width:300px;height:300px;animation-duration:35s;top:40%;left:-60px}.floating-orb-3 .orb-dot{top:30%;right:0}.floating-orb-4{border-color:#00bfa51a;width:200px;height:200px;animation-duration:28s;animation-direction:reverse;top:50%;left:auto;right:3%}.floating-orb-4 .orb-dot{bottom:0;left:30%}.floating-orb-5{border-color:#00bfa51a;width:140px;height:140px;animation-duration:20s;top:auto;bottom:20%;left:10%}.floating-orb-5 .orb-dot{top:50%;right:0;transform:translateY(-50%)}.floating-orb-6{border-color:#00bfa512;width:260px;height:260px;animation-duration:32s;animation-direction:reverse;inset:auto 5% 10% auto}.floating-orb-6 .orb-dot{top:0;left:40%}.page-hero{text-align:center;background:radial-gradient(at 50% 0,#00bfa50f 0%,#0000 60%);padding:140px 0 60px}.page-hero h1{margin-bottom:12px;font-size:2.5rem;animation:.8s .2s both fadeInUp}.page-hero .breadcrumb{animation:.6s fadeIn}.breadcrumb{color:var(--muted);font-size:.9rem}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--teal)}.section{padding:100px 0}.section-alt{background:var(--bg-mid)}.section-title{text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:2.2rem}.section-subtitle{text-align:center;color:var(--muted);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:48px 0;display:grid}.stat-card{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 16px;transition:all .4s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-teal);opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#00bfa566;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 50px #00bfa51f}.stat-card:hover .stat-number{animation:.4s counter-pop}.stat-number{background:var(--gradient-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk;font-size:2.8rem;font-weight:700}.stat-label{color:var(--muted);margin-top:4px;font-size:.9rem;font-weight:500}.cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:radial-gradient(circle,#00bfa50a 0%,#0000 60%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.card:hover:before{opacity:1}.card:hover{border-color:#00bfa566;transform:translateY(-6px);box-shadow:0 20px 60px #00bfa514}.card-icon{background:#00bfa51a;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:1.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}.card:hover .card-icon{background:#00bfa533;transform:scale(1.15)rotate(-5deg);box-shadow:0 8px 24px #00bfa526}.card h3{margin-bottom:10px;font-size:1.2rem}.card p{color:var(--muted);margin-bottom:18px;font-size:.95rem;line-height:1.7}.card-link{color:var(--teal);align-items:center;gap:6px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.card-link:hover{color:var(--accent);gap:10px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-item{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:18px;padding:28px;transition:all .4s;display:flex}.feature-item:hover{border-color:#00bfa566;transform:translate(6px)translateY(-2px);box-shadow:-4px 8px 30px #00bfa514}.feature-icon{flex-shrink:0;font-size:1.5rem;transition:transform .3s}.feature-item:hover .feature-icon{animation:.5s wiggle}.feature-item h4{margin-bottom:6px;font-size:1rem}.feature-item p{color:var(--muted);font-size:.9rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .4s;position:relative}.testimonial:before{content:"“";color:#00bfa51a;font-family:serif;font-size:4rem;line-height:1;position:absolute;top:16px;right:24px}.testimonial:hover{border-color:#00bfa566;transform:translateY(-6px)scale(1.01);box-shadow:0 16px 50px #00bfa514}.testimonial:hover .testimonial-avatar{transform:scale(1.1);box-shadow:0 0 20px #00bfa54d}.testimonial-avatar{transition:transform .3s,box-shadow .3s}.testimonial-text{color:var(--muted);margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-teal);width:42px;height:42px;color:var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.testimonial-name{font-size:.9rem;font-weight:600}.testimonial-role{color:var(--muted);font-size:.8rem}.cta-section{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(#00bfa514 0%,#0000 60%);position:absolute;inset:0}.cta-section .container{z-index:1;position:relative}.cta-section h2{margin-bottom:16px;font-size:2.4rem}.cta-section p{color:var(--muted);max-width:500px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.05rem}.cta-buttons{justify-content:center;gap:16px;display:flex}.produk-lain-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto;display:grid}.produk-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.produk-card:after{content:"";background:var(--gradient-teal);opacity:0;height:3px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.produk-card:hover:after{opacity:1}.produk-card:hover{border-color:#00bfa54d;transform:translateY(-6px);box-shadow:0 16px 50px #00bfa514}.produk-card .badge{color:var(--teal);letter-spacing:.15em;margin-bottom:10px;font-size:.7rem;font-weight:600}.produk-card h3{margin-bottom:10px;font-size:1.3rem}.produk-card p{color:var(--muted);margin-bottom:18px;font-size:.9rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pricing-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:40px;transition:all .4s;position:relative}.pricing-card.popular{border-color:var(--teal)}.pricing-card.popular:before{content:"Popular";background:var(--gradient-teal);color:var(--bg-dark);border-radius:20px;padding:4px 20px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card:hover{border-color:#00bfa54d;transform:translateY(-10px)scale(1.02);box-shadow:0 24px 60px #00bfa51f}.pricing-card h3{margin-bottom:8px;font-size:1.3rem}.pricing-price{background:var(--gradient-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-family:Space Grotesk;font-size:2rem;font-weight:700}.pricing-price span{color:var(--muted);-webkit-text-fill-color:var(--muted);font-size:.9rem;font-weight:400}.pricing-features{text-align:left;margin-bottom:28px;list-style:none}.pricing-features li{color:var(--muted);border-bottom:1px solid var(--border);padding:10px 0;font-size:.9rem}.pricing-features li:before{content:"✓ ";color:var(--teal);font-weight:700}.timeline{max-width:700px;margin:0 auto}.timeline-item{gap:24px;padding-bottom:32px;display:flex;position:relative}.timeline-dot{border:2px solid var(--teal);width:44px;height:44px;color:var(--teal);background:#00bfa51a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk;font-weight:700;transition:all .3s;display:flex}.timeline-item:hover .timeline-dot{background:#00bfa533;transform:scale(1.15);box-shadow:0 0 25px #00bfa54d}.timeline-item{transition:transform .3s}.timeline-item:hover{transform:translate(8px)}.timeline-item:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:48px;bottom:0;left:21px}.timeline-content h4{margin-bottom:4px}.timeline-content p{color:var(--muted);font-size:.9rem}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.filter-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:24px;padding:8px 24px;font-family:Inter;font-size:.9rem;font-weight:500;transition:all .3s}.filter-tab.active,.filter-tab:hover{border-color:var(--teal);color:var(--teal);background:#00bfa514}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.portfolio-item{background:var(--card);border:1px solid var(--border);border-radius:20px;transition:all .4s;overflow:hidden}.portfolio-item:hover{border-color:#00bfa54d;transform:translateY(-6px);box-shadow:0 16px 50px #00bfa514}.portfolio-thumb{background:linear-gradient(135deg, var(--bg-mid), var(--card));height:200px;color:var(--border);justify-content:center;align-items:center;font-size:3rem;display:flex}.portfolio-info{padding:24px}.portfolio-info h4{margin-bottom:4px}.portfolio-info .tag{color:var(--teal);margin-bottom:8px;font-size:.8rem;font-weight:500}.portfolio-info p{color:var(--muted);font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 18px;font-family:Inter;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00bfa51a}.form-group textarea{resize:vertical;height:120px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-info-list{list-style:none}.contact-info-item{border-bottom:1px solid var(--border);gap:16px;padding:16px 0;display:flex}.contact-info-icon{flex-shrink:0;font-size:1.3rem}.contact-info-item h4{margin-bottom:2px;font-size:.95rem}.contact-info-item p{color:var(--muted);font-size:.9rem}.footer{background:var(--bg-mid);border-top:1px solid var(--border);padding:60px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand .nav-logo{margin-bottom:4px}.footer-brand p{color:var(--muted);max-width:280px;margin-top:12px;font-size:.9rem;line-height:1.7}.footer-col h4{color:var(--text);margin-bottom:16px;font-size:.95rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--muted);font-size:.9rem;transition:all .3s}.footer-col a:hover{color:var(--teal);padding-left:4px}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.85rem;display:flex}.mobile-menu-btn{cursor:pointer;z-index:200;background:0 0;border:none;width:32px;height:24px;margin-left:auto;display:none;position:relative}.mobile-menu-btn span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block;position:absolute;left:0}.mobile-menu-btn span:first-child{top:0}.mobile-menu-btn span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-menu-btn span:nth-child(3){bottom:0}.mobile-menu-btn.active span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){bottom:50%;transform:translateY(50%)rotate(-45deg)}@media (max-width:900px){.mobile-menu-btn{display:block}.nav-links{z-index:150;background:#060608fa;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem}.nav-cta-wrapper{width:80%;max-width:280px}.nav-links .nav-cta{text-align:center;white-space:normal;width:100%;margin-top:12px;padding:14px 36px;font-size:1.05rem;display:block}.hero{padding:130px 0 70px}.hero h1{font-size:2.4rem}.hero-logo{width:90px;height:90px;margin:0 auto 24px}.hero-tagline{letter-spacing:.15em;font-size:.8rem}.hero-orbs,.floating-orbs{display:none}.hero p{padding:0 8px;font-size:1rem}.section{padding:72px 0}.cta-section{padding:80px 0}.stats-grid,.cards-grid,.testimonials-grid,.pricing-grid,.portfolio-grid,.features-grid,.produk-lain-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.contact-grid,.form-row{grid-template-columns:1fr}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-outline,.cta-buttons .btn-primary,.cta-buttons .btn-outline{text-align:center;width:100%;max-width:300px}.btn-primary,.btn-outline{padding:14px 32px;font-size:1rem}.section-title,.cta-section h2{font-size:1.8rem}.cta-section p{font-size:.95rem}.stat-number{font-size:2.2rem}.layanan-detail-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.hero{padding:120px 0 60px}.hero h1{font-size:2rem}.hero-logo{width:80px;height:80px}.hero-tagline{font-size:.7rem}.section{padding:60px 0}.cta-section{padding:64px 0}.cta-section h2,.section-title{font-size:1.5rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.nav-logo-text .brand-name{font-size:1.1rem}.container{width:100%;max-width:100%;padding:0 16px}}