@keyframes orbDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.07)}66%{transform:translate(-25px,20px) scale(.95)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(4deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes barGrow{0%{width:0!important}to{width:var(--w)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes revealUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes revealRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes shimmerBtn{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glow{0%,to{box-shadow:0 0 20px #2563eb80,0 0 40px #2563eb26}50%{box-shadow:0 0 35px #2563ebcc,0 0 70px #2563eb40}}@keyframes ctaGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@keyframes btnPulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.9);opacity:0}}@keyframes btnShimmer{0%{left:-100%}60%{left:130%}to{left:130%}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}html,body{scroll-behavior:smooth;overflow-x:hidden}.glass-effect{background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(30,58,138,.07)}.hero-section{background:radial-gradient(ellipse 90% 70% at 65% 20%,#bfdbfe,#dbeafe 40%,#eff6ff 75%,#fff7ed)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(59,130,246,.12) 1px,transparent 1px);background-size:30px 30px}.hero-line-top{position:absolute;top:80px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.35),transparent)}.hero-line-bottom{position:absolute;bottom:100px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.3),transparent)}.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:orbDrift 12s ease-in-out infinite}.orb-1{width:500px;height:500px;top:-100px;right:-120px;background:#3b82f64d;animation-duration:14s}.orb-2{width:400px;height:400px;bottom:-80px;left:-80px;background:#f9731638;animation-duration:11s;animation-delay:-4s}.orb-3{width:300px;height:300px;top:40%;left:35%;background:#93c5fd59;animation-duration:16s;animation-delay:-7s}.hero-badge{padding:.5rem 1.2rem;border-radius:999px;background:#f9731614;border:1px solid rgba(249,115,22,.2);color:#c2410c;font-size:.8rem;font-weight:700}.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f97316;animation:pulseDot 1.8s ease-in-out infinite;box-shadow:0 0 8px #f9731699}.gradient-word-blue{background:linear-gradient(135deg,#60a5fa,#3b82f6,#93c5fd);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 4s ease infinite}.gradient-word-orange{background:linear-gradient(135deg,#fb923c,#f97316,#fdba74);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 4s ease infinite}.btn-glow{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#2563eb);background-size:200% 200%;animation:gradShift 4s ease infinite;box-shadow:0 0 20px #2563eb73,0 4px 20px #2563eb4d;transition:transform .25s,box-shadow .25s}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:btnShimmer 3s ease-in-out infinite;pointer-events:none}.btn-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid rgba(59,130,246,.7);animation:btnPulseRing 2s ease-out infinite;pointer-events:none}.btn-glow:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 32px #2563eba6,0 8px 30px #2563eb66}.btn-glow .btn-arrow{animation:arrowBounce 1.2s ease-in-out infinite;display:inline-block}.btn-outline-white{border:1.5px solid rgba(30,58,138,.25);color:#1e3a8a;background:#1e3a8a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s}.btn-outline-white:hover{background:#1e3a8a1f;border-color:#1e3a8a73;transform:translateY(-2px);box-shadow:0 4px 16px #1e3a8a26}.counter{letter-spacing:-.02em}.glass-card{background:#ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(30,58,138,.1);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #1e3a8a1f,inset 0 1px #fffffff2}.glass-topbar{height:3px;background:linear-gradient(90deg,#1e3a8a 20%,#3b82f6,#f97316);background-size:200% 100%;animation:gradShift 4s ease infinite}.live-badge{padding:.2rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.bar-blue{background:linear-gradient(90deg,#1e3a8a,#3b82f6);width:0;transition:width 1.4s cubic-bezier(.25,.8,.25,1) .3s}.bar-orange{background:linear-gradient(90deg,#ea580c,#f97316);width:0;transition:width 1.4s cubic-bezier(.25,.8,.25,1) .5s}.dot-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}.float-accent{position:absolute;border-radius:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d}.float-accent-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.float-accent-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:3px solid rgba(255,255,255,.1)}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:floatSlow 5.5s ease-in-out infinite}.animate-bounce-slow{animation:bounceSlow 2s ease-in-out infinite}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.reveal-up{opacity:0;transform:translateY(36px)}.reveal-left{opacity:0;transform:translate(-48px)}.reveal-right{opacity:0;transform:translate(48px)}.reveal-up.revealed{animation:revealUp .7s cubic-bezier(.22,1,.36,1) forwards}.reveal-left.revealed{animation:revealLeft .7s cubic-bezier(.22,1,.36,1) forwards}.reveal-right.revealed{animation:revealRight .7s cubic-bezier(.22,1,.36,1) forwards}.section-header{text-align:center}.section-tag{display:inline-block;padding:.3rem 1rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:#f973161a;color:#c2410c;border:1px solid rgba(249,115,22,.25)}.section-tag-dark{background:#f973162e;color:#fdba74;border-color:#f973164d}.section-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.15;color:#0f172a;letter-spacing:-.02em}.section-sub{font-size:1.2rem;color:#475569;max-width:36rem;margin:0 auto;line-height:1.7}.title-highlight-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-highlight-orange{background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-card{position:relative;overflow:hidden;border-radius:16px;cursor:pointer;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite;box-shadow:0 4px 20px #0000001f;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #00000038}.product-img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.product-card:hover .product-img{transform:scale(1.12)}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;gap:.5rem}.product-num{font-size:.6rem;font-weight:800;letter-spacing:.1em;color:#fff6;position:absolute;top:.75rem;left:.85rem}.product-arrow{position:absolute;top:.75rem;right:.85rem;width:28px;height:28px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;transform:translate(8px);opacity:0;transition:all .3s}.product-card:hover .product-arrow{transform:translate(0);opacity:1}.layanan-section{background:linear-gradient(180deg,#f8fafc,#f0f4ff)}.service-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid rgba(226,232,240,1);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 12px #0000000a}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);opacity:0;transition:opacity .4s;z-index:0}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-10px);box-shadow:0 28px 60px #1e3a8a40;border-color:transparent}.service-card>*{position:relative;z-index:1}.service-card-featured:before{background:linear-gradient(135deg,#ea580c,#f97316)}.service-card-featured:hover{box-shadow:0 28px 60px #ea580c4d}.featured-label{position:absolute;top:16px;right:16px;padding:.2rem .75rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;z-index:2;transition:background .4s}.service-card-featured:hover .featured-label{background:#ffffff40}.service-icon-wrap{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:background .4s,box-shadow .4s}.icon-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.icon-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.service-card:hover .service-icon-wrap{background:#fff3!important;box-shadow:0 4px 16px #0000001f}.service-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;transition:color .3s}.service-card:hover .service-title{color:#fff}.service-desc{font-size:1rem;color:#64748b;line-height:1.65;margin-bottom:1.1rem;transition:color .3s}.service-card:hover .service-desc{color:#ffffffb3}.service-list{list-style:none;padding:0;margin:0;space-y:.5rem}.service-list li{font-size:1rem;color:#64748b;padding:.35rem 0;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid rgba(226,232,240,.8);transition:color .3s,border-color .3s}.service-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#f97316;flex-shrink:0;transition:background .3s}.service-card:hover .service-list li{color:#ffffffa6;border-color:#ffffff1a}.service-card:hover .service-list li:before{background:#fff9}.service-list li:last-child{border-bottom:none}.service-cta{margin-top:1.2rem;display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#1e3a8a;transition:color .3s,gap .25s}.service-card:hover .service-cta{color:#ffffffe6;gap:.7rem}.service-card-featured .service-cta{color:#ea580c}.service-card-featured:hover .service-cta{color:#ffffffe6}.keunggulan-item{display:flex;align-items:flex-start;gap:1rem;padding:.9rem;border-radius:14px;transition:background .25s,transform .25s}.keunggulan-item:hover{background:#f8fafc;transform:translate(4px)}.keunggulan-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card{border-radius:20px;padding:2rem;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.stat-card:hover{transform:translateY(-8px) scale(1.04)}.stat-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6);box-shadow:0 8px 30px #1e3a8a59}.stat-blue:hover{box-shadow:0 16px 50px #1e3a8a8c}.stat-orange{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 8px 30px #ea580c4d}.stat-orange:hover{box-shadow:0 16px 50px #ea580c80}.best-quality-badge{position:absolute;top:-16px;right:-10px;padding:.6rem 1.1rem;border-radius:12px;font-weight:800;font-size:.8rem;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;box-shadow:0 6px 20px #f9731673}.testimoni-section{background:linear-gradient(160deg,#eff6ff,#f0f7ff 55%,#fff7ed);position:relative}.testimoni-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(59,130,246,.1) 1px,transparent 1px);background-size:28px 28px}.testi-card{background:#fffffff5;border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 2px 20px #1e3a8a0f}.testi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,#1e3a8a0a,#2563eb08);opacity:0;transition:opacity .35s}.testi-card:hover:before{opacity:1}.testi-card:hover{transform:translateY(-8px);border-color:#3b82f64d;box-shadow:0 24px 60px #1e3a8a24}.testi-quote{font-size:3.5rem;line-height:1;margin-bottom:.75rem;background:linear-gradient(135deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia,serif}.cta-section{background:linear-gradient(135deg,#1d4ed8,#3b82f6 30%,#f97316,#1d4ed8);background-size:300% 300%;animation:ctaGrad 8s ease infinite}.cta-noise{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:orbDrift 10s ease-in-out infinite}.cta-orb-1{width:450px;height:450px;top:-100px;right:-100px;background:#ffffff24;animation-duration:12s}.cta-orb-2{width:350px;height:350px;bottom:-80px;left:-60px;background:#ffffff1a;animation-duration:9s;animation-delay:-5s}.cta-btn-white{display:inline-flex;align-items:center;background:#fff;color:#1e3a8a;padding:.9rem 2rem;border-radius:999px;font-weight:800;font-size:.9rem;box-shadow:0 4px 24px #0003;transition:all .25s}.cta-btn-white:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 40px #0000004d}.cta-btn-ghost{display:inline-flex;align-items:center;border:2px solid rgba(255,255,255,.35);color:#fff;padding:.9rem 2rem;border-radius:999px;font-weight:700;font-size:.9rem;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s}.cta-btn-ghost:hover{background:#ffffff24;border-color:#ffffffa6;transform:translateY(-3px)}.contact-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;padding:1.1rem 1.25rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 12px #0000000a;transition:all .3s cubic-bezier(.22,1,.36,1)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1e3a8a1f;border-color:#3b82f633}.contact-icon-wrap{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-wa{position:fixed;bottom:14px;z-index:1000;animation:float 3s ease-in-out infinite}.floating-wa-inner{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #22c55e80;transition:transform .25s,box-shadow .25s}.floating-wa:hover .floating-wa-inner{transform:scale(1.1);box-shadow:0 10px 36px #22c55eb3}.gradient-blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}