:root{--bg: #f4f7fc;--surface: #ffffff;--surface-soft: #f8fbff;--text: #11243d;--muted: #5f6f85;--primary: #0b3a5b;--primary-2: #0f4d77;--accent: #ffcc00;--accent-soft: #ffe07d;--success: #00c853;--border: #d8e3f2;--shadow: 0 14px 34px rgba(11,58,91,0.12);--shadow-strong: 0 18px 44px rgba(11,58,91,0.18);--radius-lg: 20px;--radius-md: 14px;--section-dark-base: #08263c;--section-dark-mid: #0b3a5b;--section-dark-end: #0f4d77;--section-light-base: #ffffff;--section-light-mid: #f6faff;--section-light-end: #edf4ff}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 86px}body{font-family: 'Poppins',sans-serif;line-height: 1.65;background: var(--bg);color: var(--text);overflow-x: hidden}img{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none}main{overflow: hidden}.scroll-progress{position: fixed;top: 0;left: 0;width: 100%;height: 3px;z-index: 1200;pointer-events: none;background: rgba(255,255,255,0.12)}.scroll-progress__bar{display: block;width: 100%;height: 100%;transform: scaleX(0);transform-origin: left center;background: linear-gradient(90deg,#ffcc00,#ffd84d,#7bd7ff);box-shadow: 0 0 14px rgba(255,204,0,0.45)}.container{width: min(1120px,92%);margin-inline: auto}section{position: relative;padding: 110px 0;scroll-margin-top: 86px;transition: opacity 0.45s ease}@supports (content-visibility: auto){main>section:not(#home){content-visibility: auto;contain-intrinsic-size: auto 960px}}#home{min-height: 100vh;padding: 145px 0 110px}#home,#layanan,#portfolio,#testimoni{background: radial-gradient(circle at 12% 20%,rgba(255,204,0,0.22),transparent 32%),radial-gradient(circle at 90% 15%,rgba(116,225,188,0.18),transparent 30%),linear-gradient( 135deg,var(--section-dark-base) 0%,var(--section-dark-mid) 45%,var(--section-dark-end) 100% )}#about,#pricing-section,#blog,#kontak{background: linear-gradient( 180deg,var(--section-light-base) 0%,var(--section-light-mid) 58%,var(--section-light-end) 100% )}#about{padding-bottom: 48px}.reveal{opacity: 0;transform: translateY(26px);transition: opacity 0.55s ease,transform 0.62s cubic-bezier(0.22,1,0.36,1)}.reveal.active{opacity: 1;transform: translateY(0)}.reveal-left{transform: translateX(-34px)}.reveal-right{transform: translateX(34px)}.reveal-scale{transform: scale(0.96)}.reveal.active.reveal-left,.reveal.active.reveal-right{transform: translateX(0)}.reveal.reveal-auto{transition-delay: var(--reveal-delay,0s) !important}main section[id].section-swoop{opacity: 0;transform: translate3d(0,26px,0);transition: opacity 0.58s ease,transform 0.72s cubic-bezier(0.22,1,0.36,1)}main section[id].section-swoop.section-swoop-left{transform: translate3d(-24px,26px,0)}main section[id].section-swoop.section-swoop-right{transform: translate3d(24px,26px,0)}main section[id].section-swoop.section-swoop-visible{opacity: 1;transform: translate3d(0,0,0)}body.page-transition{opacity: 0;transform: translateY(10px);filter: blur(2px)}body.page-transition.page-ready{opacity: 1;transform: none;filter: none;transition: opacity 0.65s ease,transform 0.65s ease,filter 0.65s ease}main section[id].section-shell{position: relative;isolation: isolate;opacity: 1;transform: none;filter: none;opacity: 0.95}main section[id].section-shell.section-visible{opacity: 1;transform: none;filter: none}main section[id].section-shell::before{content: '';position: absolute;top: 0;left: 50%;width: min(260px,44%);height: 3px;border-radius: 999px;pointer-events: none;z-index: 2;opacity: 0;transform: translateX(-50%) scaleX(0.12);transform-origin: center;background: linear-gradient( 90deg,rgba(255,204,0,0),rgba(255,204,0,0.96),rgba(255,204,0,0) );transition: opacity 0.45s ease,transform 0.55s cubic-bezier(0.22,1,0.36,1)}main section[id].section-shell.section-current::before{opacity: 0.95;transform: translateX(-50%) scaleX(1)}body.section-transitioning::after{content: '';position: fixed;inset: 0;z-index: 998;pointer-events: none;background: radial-gradient(circle at 50% 42%,rgba(255,204,0,0.12),rgba(255,204,0,0) 58%);animation: sectionTransitGlow 0.65s ease forwards}section.section-focus{animation: sectionFocusPulse 0.95s cubic-bezier(0.22,1,0.36,1)}@keyframes sectionTransitGlow{0%{opacity: 0}35%{opacity: 1}100%{opacity: 0}}@keyframes sectionFocusPulse{0%{box-shadow: inset 0 0 0 100vmax rgba(255,204,0,0.11)}100%{box-shadow: inset 0 0 0 0 rgba(255,204,0,0)}}.navbar{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 10px 0;backdrop-filter: blur(8px);background: rgba(11,58,91,0.86);border-bottom: 1px solid rgba(255,255,255,0.12);box-shadow: 0 6px 18px rgba(3,22,39,0.16);transition: background 0.24s ease,box-shadow 0.24s ease}.navbar.scrolled{backdrop-filter: blur(12px);background: rgba(11,58,91,0.95);box-shadow: 0 8px 22px rgba(3,22,39,0.2)}.nav-wrapper{display: flex;align-items: center;justify-content: space-between;gap: 14px}section{scroll-margin-top: 100px}#pricing-section{min-height: 100vh}section{padding-top: 120px}.logo-area{display: flex;align-items: center;gap: 10px;flex-shrink: 0;position: relative;padding: 2px 6px;border-radius: 12px;background: rgba(255,255,255,0.015);transition: background-color 0.62s cubic-bezier(0.22,1,0.36,1)}.logo-area::before{content: '';position: absolute;left: 7px;top: 50%;width: 46px;height: 46px;border-radius: 50%;pointer-events: none;transform: translateY(-50%) scale(0.97);background: radial-gradient(circle,rgba(255,204,0,0.24),rgba(255,204,0,0));opacity: 0.06;transition: opacity 0.7s ease,transform 0.7s cubic-bezier(0.22,1,0.36,1)}.logo-area img{width: 46px;height: 46px;object-fit: contain;transform: translateZ(0) scale(1);transition: transform 0.68s cubic-bezier(0.22,1,0.36,1);will-change: transform}.logo-area span{color: #ffffff;font-size: 16px;font-weight: 700;letter-spacing: 0.2px;text-shadow: 0 0 0 rgba(255,204,0,0);transition: color 0.62s cubic-bezier(0.22,1,0.36,1),text-shadow 0.62s ease;transform: translateY(0)}.logo-area:hover img{transform: translateZ(0) scale(1.005)}.logo-area:hover::before{opacity: 0.24;transform: translateY(-50%) scale(1)}.logo-area:hover span{color: #ffe79a;text-shadow: 0 0 3px rgba(255,204,0,0.14)}.logo-area:hover{background: rgba(255,255,255,0.04)}.nav-menu{display: flex;align-items: center;gap: 16px}.menu-icon{display: none}.sidebar-only-icon{display: none}.nav-menu a{color: rgba(255,255,255,0.88);font-size: 13px;font-weight: 500;letter-spacing: 0.3px;position: relative;padding: 6px 2px;transition: color 0.45s cubic-bezier(0.22,1,0.36,1),transform 0.45s cubic-bezier(0.22,1,0.36,1)}.nav-menu>a,.dropdown>a{display: inline-flex;align-items: center;gap: 5px;padding: 6px 0}.nav-menu a:hover{color: #ffffff;transform: translateY(-1px);text-shadow: 0 0 6px rgba(255,255,255,0.15)}.nav-menu>a.active,.dropdown>a.active{color: #ffcc00;font-weight: 700;letter-spacing: 0.4px;text-shadow: 0 0 8px rgba(255,204,0,0.4)}.nav-menu>a::after,.dropdown>a::after{content: '';position: absolute;left: 50%;bottom: -6px;width: 0;height: 2.5px;border-radius: 999px;background: linear-gradient(90deg,#ffcc00,#ffe27a);transform: translateX(-50%);opacity: 0;transition: width 0.55s cubic-bezier(0.22,1,0.36,1),opacity 0.4s ease}.nav-menu>a:hover::after,.dropdown>a:hover::after{width: 100%;opacity: 1}.nav-menu>a.active::after,.dropdown>a.active::after{width: 100%;opacity: 1;box-shadow: 0 0 8px rgba(255,204,0,0.5)}.nav-menu a,.nav-menu a::after{will-change: transform,width,opacity}.nav-menu>a:hover,.nav-menu>a.active,.dropdown>a:hover,.dropdown>a.active{transform: none}.dropdown{position: relative}.dropdown-toggle{justify-content: center}.dropdown-toggle span{display: inline-flex;align-items: center}.dropdown-caret-button{width: 24px;height: 24px;margin-left: 2px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.1);transition: background 0.32s cubic-bezier(0.22,1,0.36,1),border-color 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s cubic-bezier(0.22,1,0.36,1)}.nav-caret{font-size: 11px;color: rgba(255,255,255,0.72);transition: transform 0.32s cubic-bezier(0.22,1,0.36,1),color 0.32s cubic-bezier(0.22,1,0.36,1),opacity 0.32s ease;transform-origin: center;opacity: 0.92}.dropdown.open .dropdown-caret-button,.dropdown:hover .dropdown-caret-button,.dropdown:focus-within .dropdown-caret-button{background: rgba(255,204,0,0.14);border-color: rgba(255,204,0,0.22);box-shadow: 0 8px 18px rgba(255,204,0,0.12)}.dropdown::after{content: '';position: absolute;left: 0;right: 0;top: 100%;height: 10px}.dropdown-menu{position: absolute;top: calc(100% + 8px);left: 0;min-width: 210px;padding: 10px;display: grid;gap: 6px;border-radius: 12px;background: rgba(8,38,60,0.95);border: 1px solid rgba(255,255,255,0.16);box-shadow: 0 14px 34px rgba(0,0,0,0.28);opacity: 0;visibility: hidden;transform: translateY(4px);transform-origin: top;transition: opacity 0.4s ease,transform 0.46s ease,visibility 0.4s ease}.dropdown-menu a{font-size: 13px;color: rgba(255,255,255,0.88);padding: 8px 10px;border-radius: 10px;transition: background 0.42s ease,color 0.42s ease}.dropdown-menu a:hover{color: #ffffff;background: rgba(255,255,255,0.1)}.dropdown.open .nav-caret,.dropdown:hover .nav-caret,.dropdown:focus-within .nav-caret{color: #ffe27a;transform: rotate(180deg)}.dropdown.open>a{color: #ffffff;text-shadow: 0 0 8px rgba(255,204,0,0.28)}.dropdown.open>a::after{width: 100%;opacity: 1;box-shadow: 0 0 8px rgba(255,204,0,0.5)}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0)}.cta-btn{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.24);background: linear-gradient(135deg,#00cc55,#00b34a);color: #ffffff;font-size: 13px;font-weight: 700;box-shadow: 0 10px 22px rgba(0,200,83,0.3);transition: transform 0.34s ease,box-shadow 0.34s ease}.navbar .cta-btn{position: relative;overflow: hidden;isolation: isolate;gap: 7px;padding: 8px 13px;font-size: 12px;box-shadow: 0 8px 16px rgba(0,200,83,0.26);transform: translateY(0);transition: transform 0.72s cubic-bezier(0.22,1,0.36,1),box-shadow 0.72s cubic-bezier(0.22,1,0.36,1);will-change: transform,box-shadow}.navbar .cta-btn::before{content: '';position: absolute;inset: -12% -32%;z-index: -1;background: linear-gradient( 120deg,transparent 36%,rgba(255,255,255,0.22) 50%,transparent 64% );opacity: 0.12;transform: translateX(-30%) skewX(-18deg);transition: opacity 0.72s ease}.navbar .cta-btn::after{content: '';position: absolute;inset: 0;border-radius: inherit;pointer-events: none;border: 1px solid rgba(255,255,255,0.24)}.cta-btn:hover{transform: translateY(-1px);box-shadow: 0 12px 24px rgba(0,200,83,0.34)}.wa-icon{width: 18px;height: 18px;transition: transform 0.72s cubic-bezier(0.22,1,0.36,1)}.navbar .cta-btn .wa-icon{width: 16px;height: 16px}.navbar .cta-btn span{transition: transform 0.72s cubic-bezier(0.22,1,0.36,1)}.navbar .cta-btn:hover{color: #000;transition: color 0.3s ease}.navbar .cta-btn:hover::before{opacity: 0.24}.navbar .cta-btn:hover .wa-icon{transform: translateX(0.25px) scale(1.005)}.navbar .cta-btn:hover span{transform: translateX(0.15px)}.navbar .cta-btn:active{transform: translateY(-0.2px)}@media (hover: hover) and (pointer: fine){.nav-menu a,.logo-area img,.navbar .cta-btn,.navbar .cta-btn span,.wa-icon{backface-visibility: hidden;-webkit-font-smoothing: antialiased}}.hamburger{display: none;width: 42px;height: 42px;border-radius: 10px;border: 1px solid rgba(255,255,255,0.24);align-items: center;justify-content: center;flex-direction: column;gap: 5px;cursor: pointer;transition: background 0.25s ease}.hamburger span{width: 20px;height: 2px;border-radius: 999px;background: #ffffff;transition: transform 0.25s ease,opacity 0.25s ease}.hamburger.active span:nth-child(1){transform: translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity: 0}.hamburger.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}body.menu-open{overflow: hidden}.wa-floating{position: fixed;right: 22px;bottom: 22px;z-index: 997;display: flex;flex-direction: column;align-items: flex-end;gap: 10px;transition: opacity 0.25s ease}.wa-button{width: 58px;height: 58px;border-radius: 50%;background: linear-gradient(135deg,#00cc55,#00b34a);box-shadow: 0 12px 28px rgba(0,200,83,0.42);display: inline-flex;align-items: center;justify-content: center;position: relative;transition: transform 0.25s ease}.wa-button img{width: 30px;height: 30px}.wa-button:hover{transform: scale(1.06)}.wa-badge{position: absolute;top: 6px;right: 4px;width: 10px;height: 10px;border-radius: 50%;background: #ff4252;border: 2px solid #ffffff}.wa-popup{max-width: 260px;padding: 12px 14px;border-radius: 12px;background: #ffffff;color: var(--text);font-size: 13px;border: 1px solid var(--border);box-shadow: var(--shadow);opacity: 0;transform: translateY(8px);pointer-events: none;transition: opacity 0.25s ease,transform 0.25s ease}.wa-popup.show{opacity: 1;transform: none}.wa-floating.bounce .wa-button{animation: waBounce 0.7s ease}@keyframes waBounce{0%{transform: translateY(0)}38%{transform: translateY(-8px)}72%{transform: translateY(0)}86%{transform: translateY(-3px)}100%{transform: translateY(0)}}.wa-floating{left: 20px;right: auto;bottom: calc(18px + env(safe-area-inset-bottom,0px));align-items: flex-start;opacity: 1 !important;transform: translate3d(0,0,0);will-change: auto}.wa-button::after{content: "Konsultasi sekarang";position: absolute;left: calc(100% + 10px);top: 50%;width: max-content;max-width: min(220px,calc(100vw - 96px));padding: 9px 12px;border-radius: 999px;background: #ffffff;color: #0b3a5b;border: 1px solid rgba(11,58,91,0.12);box-shadow: 0 10px 24px rgba(3,22,39,0.16);font-size: 13px;font-weight: 700;line-height: 1;opacity: 0;pointer-events: none;transform: translate3d(-6px,-50%,0);transition: opacity 0.2s ease,transform 0.2s ease}.wa-button:hover::after,.wa-button:focus-visible::after{opacity: 1;transform: translate3d(0,-50%,0)}.reveal{transform: translate3d(0,16px,0);transition: opacity 0.38s ease,transform 0.48s cubic-bezier(0.22,1,0.36,1)}.reveal-left{transform: translate3d(-14px,8px,0)}.reveal-right{transform: translate3d(14px,8px,0)}.section-title{text-align: center;margin-bottom: 44px}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.9rem,3vw,2.45rem);line-height: 1.22;display: inline-block;position: relative;padding-bottom: 12px;font-family: 'Poppins',sans-serif;font-weight: 700;letter-spacing: 0.2px}.section-title h2::after,.blog-header h2::after,.testimonial-header h2::after{content: '';position: absolute;left: 50%;bottom: 0;width: 62%;height: 3px;border-radius: 999px;transform: translateX(-50%);background: #ffcc00;animation: titleAccentBreathe 5.6s ease-in-out infinite}@keyframes titleAccentBreathe{0%,100%{width: 62%;opacity: 0.9;box-shadow: 0 0 0 rgba(255,204,0,0)}50%{width: 68%;opacity: 1;box-shadow: 0 0 14px rgba(255,204,0,0.24)}}.section-title p{max-width: 680px;margin: 10px auto 0;color: var(--muted)}#layanan .section-title h2,#portfolio .section-title h2,#testimoni .testimonial-header h2{color: #ffffff}#layanan .section-title p,#portfolio .section-title p,#testimoni .testimonial-header p{color: rgba(255,255,255,0.9)}.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{border-radius: var(--radius-lg);border: 1px solid var(--border);box-shadow: var(--shadow)}.hero{opacity: 0;transform: scale(0.95);transition: all 1s ease}.hero.active{opacity: 1;transform: scale(1)}.hero-wrapper{display: grid;grid-template-columns: 1.05fr 0.95fr;gap: 34px;align-items: center}.hero-content{margin-top: 20px}.hero-content h1{color: #ffffff;font-size: clamp(1.4rem,2.2vw,2.2rem);line-height: 1.3;max-width: 560px;margin-bottom: 12px}.hero-content h1 span{color: #ffe27a}.hero-content h1 .hero-typewrite{display: inline-block;position: relative;white-space: normal;min-height: 1.1em}.hero-content h1 .hero-typewrite::after{content: '';display: inline-block;width: 1.5px;height: 0.8em;margin-left: 5px;vertical-align: -0.05em;background: currentColor;opacity: 0}.hero-content h1 .hero-typewrite.is-typing::after,.hero-content h1 .hero-typewrite.is-typing-done::after{opacity: 1;animation: heroCaretBlink 0.9s steps(1,end) infinite}@media (max-width: 992px){.hero-content{margin-top: 25px}.hero-content h1{font-size: clamp(1.3rem,3.5vw,2rem);line-height: 1.35}}@media (max-width: 600px){.hero-content{margin-top: 30px}.hero-content h1{font-size: 1.3rem;line-height: 1.4;max-width: 100%}}@keyframes heroCaretBlink{0%,49%{opacity: 1}50%,100%{opacity: 0}}.hero-content p{margin-top: 16px;max-width: 620px;color: rgba(255,255,255,0.88)}.hero-buttons{margin-top: 28px;display: flex;align-items: center;justify-content: center;gap: 14px;flex-wrap: wrap}.btn-primary,.btn-secondary,.portfolio-btn,.btn-order,.kontak-submit{display: inline-flex;align-items: center;justify-content: center;padding: 12px 22px;border-radius: 999px;font-weight: 700;border: none;cursor: pointer;transition: transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.btn-primary{background: var(--success);color: #ffffff;box-shadow: 0 12px 26px rgba(0,200,83,0.28)}.btn-primary:hover{transform: translateY(-2px)}.btn-secondary{border: 2px solid var(--accent);color: #ffffff;background: transparent}.btn-secondary:hover{background: var(--accent);color: #0c2b44;transform: translateY(-2px)}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{transform: translateY(0) scale(1);transition: transform 0.42s cubic-bezier(0.22,1,0.36,1),box-shadow 0.42s cubic-bezier(0.22,1,0.36,1),background-color 0.42s cubic-bezier(0.22,1,0.36,1),color 0.42s cubic-bezier(0.22,1,0.36,1),border-color 0.42s cubic-bezier(0.22,1,0.36,1)}.hero-buttons .btn-primary:hover,.hero-buttons .btn-secondary:hover{transform: translateY(-1px) scale(1.006)}.hero-social{margin-top: 16px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 12px}.hero-social span{color: rgba(255,255,255,0.86);margin-right: 2px}.hero-social a{width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #ffffff;background: rgba(255,255,255,0.14);border: 1px solid rgba(255,255,255,0.2);transform: translateY(0) scale(1);box-shadow: 0 0 0 rgba(255,204,0,0);transition: transform 0.4s cubic-bezier(0.22,1,0.36,1),background-color 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s cubic-bezier(0.22,1,0.36,1),border-color 0.4s cubic-bezier(0.22,1,0.36,1)}.hero-social a:hover{transform: translateY(-1px) scale(1.02);background: rgb(255,204,0);border-color: rgba(255,204,0,0.4);box-shadow: 0 8px 16px rgba(255,204,0,0.2)}.hero-image{position: relative;will-change: transform;transition: transform 0.28s cubic-bezier(0.22,1,0.36,1)}.hero-image img{width: min(100%,520px);margin-inline: auto;filter: drop-shadow(0 22px 44px rgba(2,15,28,0.42));animation: heroFloat 5.6s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}.about{background: radial-gradient(circle at 8% 12%,rgba(11,58,91,0.1),transparent 34%),radial-gradient(circle at 90% 90%,rgba(255,204,0,0.14),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f6faff 100%)}.about .reveal{transform: translateY(80px)}#about .container{--about-block-gap: 24px}#about .container>.section-title{margin-bottom: 0}#about .container>.about-card,#about .container>.about-grid,#about .container>.team-section{margin-top: var(--about-block-gap)}.about-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--about-block-gap);margin-top: 0}.about-card{position: relative;overflow: hidden;padding: 28px 24px;background: linear-gradient(155deg,#08263c 0%,#0b3a5b 52%,#0f4d77 100%);border-color: rgba(255,255,255,0.2);box-shadow: 0 18px 38px rgba(4,23,38,0.28);transform: translateZ(0);transition: transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease}.about-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg,rgba(255,204,0,0.5),#ffcc00,rgba(255,204,0,0.5))}.about-card::after{content: '';position: absolute;inset: 0;pointer-events: none;background: radial-gradient(circle at 84% 22%,rgba(255,204,0,0.22),transparent 42%);opacity: 0;transition: opacity 0.28s ease}.about-card:hover{transform: translateY(-6px);border-color: rgba(255,204,0,0.55);box-shadow: 0 24px 48px rgba(4,23,38,0.36)}.about-card:hover::after{opacity: 1}.about-card h3{color: #ffffff;font-size: clamp(1.28rem,2vw,1.45rem);margin-bottom: 12px}.about-card h3 i{width: 34px;height: 34px;border-radius: 9px;margin-right: 8px;display: inline-flex;align-items: center;justify-content: center;background: rgba(255,204,0,0.18);color: #ffd44a;box-shadow: 0 10px 20px rgba(255,204,0,0.16);transform: translateY(0) scale(1) rotate(0deg);transition: transform 0.42s cubic-bezier(0.22,1,0.36,1),background-color 0.42s cubic-bezier(0.22,1,0.36,1),box-shadow 0.42s cubic-bezier(0.22,1,0.36,1),color 0.42s cubic-bezier(0.22,1,0.36,1);animation: aboutIconFloat 4s ease-in-out infinite}.about-card h3 i:hover,.about-card:hover h3 i{transform: translateY(-1px) scale(1.04) rotate(-2deg);background: rgba(255,204,0,0.24);color: #ffe89e;box-shadow: 0 12px 22px rgba(255,204,0,0.24)}@keyframes aboutIconFloat{0%,100%{background: rgba(255,204,0,0.16);box-shadow: 0 10px 20px rgba(255,204,0,0.16)}50%{background: rgba(255,204,0,0.21);box-shadow: 0 12px 22px rgba(255,204,0,0.23)}}.about-card p,.about-card li{color: #dceafc;line-height: 1.75}.about-card ul{list-style: none;margin: 0}.about-card li{position: relative;padding-left: 24px;margin-bottom: 10px}.about-card li::before{content: '\2713';position: absolute;left: 0;top: 1px;color: #ffcc00;font-weight: 700}.about-card.highlight{background: linear-gradient(145deg,#092a44 0%,#114f79 100%);border-color: rgba(255,204,0,0.38);box-shadow: 0 20px 46px rgba(4,23,38,0.34)}.about-card.highlight h3,.about-card.highlight p,.about-card.highlight li{color: #f3f8ff}.about-card.highlight li::before{color: #ffcc00}.team-section{margin-top: 0;text-align: center}.team-section>h3{display: block;text-align: center;font-size: clamp(1.55rem,2.2vw,2rem);width: 100%;margin: 0 0 28px;padding-bottom: 0;color: #0b3a5b}.team-section>h3::after{display: none}.team-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px}.team-card{position: relative;overflow: hidden;background: linear-gradient(165deg,#08263c 0%,#0b3a5b 52%,#0f4d77 100%);border-color: rgba(255,255,255,0.2);box-shadow: 0 18px 40px rgba(4,23,38,0.3);padding: 24px 22px;text-align: center;transform: translateZ(0);backface-visibility: hidden;-webkit-font-smoothing: antialiased;transition: transform 0.25s ease,box-shadow 0.25s ease;transform-style: preserve-3d}.team-card:hover{transform: translateY(-5px);box-shadow: 0 24px 46px rgba(4,23,38,0.4);border-color: rgba(255,204,0,0.5)}.team-avatar{position: relative;width: 126px;height: 126px;margin: 0 auto 14px;border-radius: 50%;display: grid;place-items: center;isolation: isolate;overflow: visible}.team-avatar::before{content: '';position: absolute;inset: -6px;display: block;pointer-events: none;border-radius: 50%;border: 2px dashed rgba(255,204,0,0.64);border-right-color: rgba(255,235,153,0.9);border-bottom-color: rgba(255,204,0,0.34);opacity: 0.74;z-index: 2;will-change: transform,opacity;transform: translateZ(0);-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-animation: teamOrbitRing 8s linear infinite;animation: teamOrbitRing 8s linear infinite;transition: opacity 0.46s cubic-bezier(0.22,1,0.36,1)}.team-avatar::after{content: '';position: absolute;inset: -11px;display: block;pointer-events: none;border-radius: 50%;border-top: 2px solid rgba(255,224,125,0.9);border-right: 2px solid rgba(255,204,0,0.42);border-bottom: 2px solid transparent;border-left: 2px solid transparent;opacity: 0.9;z-index: 2;will-change: transform,opacity;transform: translateZ(0);-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-animation: teamOrbitRingReverse 5.6s linear infinite;animation: teamOrbitRingReverse 5.6s linear infinite;transition: opacity 0.46s cubic-bezier(0.22,1,0.36,1)}.team-card img{width: 114px;height: 114px;border-radius: 50%;object-fit: cover;object-position: center top;border: 3px solid rgba(255,255,255,0.9);box-shadow: 0 10px 22px rgba(11,58,91,0.18),0 0 0 4px rgba(255,204,0,0.2);image-rendering: auto;position: relative;z-index: 1;backface-visibility: hidden;transform: translateZ(0) scale(1) translateY(0);-webkit-transform: translateZ(0) scale(1) translateY(0);transition: transform 0.52s cubic-bezier(0.22,1,0.36,1),box-shadow 0.52s cubic-bezier(0.22,1,0.36,1),border-color 0.52s cubic-bezier(0.22,1,0.36,1),filter 0.52s cubic-bezier(0.22,1,0.36,1)}.team-card:hover .team-avatar::before{opacity: 0.78}.team-card:hover .team-avatar::after{opacity: 0.98}.team-card:hover .team-avatar img{transform: translateZ(0) scale(1.024) translateY(-1px);-webkit-transform: translateZ(0) scale(1.024) translateY(-1px);border-color: rgba(255,255,255,0.95);box-shadow: 0 12px 24px rgba(11,58,91,0.22),0 0 0 5px rgba(255,204,0,0.2);filter: saturate(1.03)}@-webkit-keyframes teamOrbitRing{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes teamOrbitRing{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@-webkit-keyframes teamOrbitRingReverse{0%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}100%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}}@keyframes teamOrbitRingReverse{0%{transform: rotate(360deg)}100%{transform: rotate(0deg)}}.team-card h4{color: #ffffff;font-size: 1.15rem}.team-card span{color: #d8e9ff;font-size: 14px}.team-social{margin-top: 16px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px}.team-social a{width: 34px;height: 34px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.14);color: #ffe07d;border: 1px solid rgba(255,255,255,0.25);transform: translateY(0) scale(1);box-shadow: 0 0 0 rgba(255,204,0,0);transition: transform 0.4s cubic-bezier(0.22,1,0.36,1),background-color 0.4s cubic-bezier(0.22,1,0.36,1),color 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s cubic-bezier(0.22,1,0.36,1),border-color 0.4s cubic-bezier(0.22,1,0.36,1);animation: aboutSocialPulse 3.8s ease-in-out infinite}.team-social a:nth-child(2){animation-delay: 0.16s}.team-social a:nth-child(3){animation-delay: 0.28s}.team-social a:nth-child(4){animation-delay: 0.4s}.team-social a:nth-child(5){animation-delay: 0.52s}.team-social a i{transition: transform 0.4s cubic-bezier(0.22,1,0.36,1)}.team-social a:hover{transform: translateY(-1px) scale(1.05);background: rgba(255,255,255,0.18);color: #ffffff;border-color: rgba(255,255,255,0.72);box-shadow: 0 8px 16px rgba(255,255,255,0.14)}.team-social a:hover i{transform: scale(1.04) rotate(2deg)}@keyframes aboutSocialPulse{0%,100%{background: rgba(255,255,255,0.14);box-shadow: 0 0 0 rgba(255,204,0,0)}50%{background: rgba(255,255,255,0.2);box-shadow: 0 6px 12px rgba(255,204,0,0.12)}}.spotlight{position: absolute;width: 150px;height: 150px;border-radius: 50%;pointer-events: none;transform: translate(-50%,-50%);background: radial-gradient(circle,rgba(255,204,0,0.2),transparent 70%);opacity: 0;transition: opacity 0.3s ease;z-index: 0;filter: blur(2px)}.team-card:hover .spotlight{opacity: 1}.team-card>*{position: relative;z-index: 1}.layanan{background: radial-gradient(circle at 10% 18%,rgba(11,58,91,0.1),transparent 32%),radial-gradient(circle at 88% 12%,rgba(255,204,0,0.18),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%)}.layanan-lead{margin: 0 auto 30px;max-width: 980px;padding: 16px 20px;border-radius: 14px;border: 1px solid rgba(15,77,119,0.14);border-left: 4px solid #ffcc00;background: linear-gradient(135deg,rgba(255,255,255,0.96),rgba(247,252,255,0.95));color: #1f3f59;font-size: 15px;line-height: 1.72;box-shadow: 0 12px 28px rgba(11,58,91,0.1)}.layanan-lead p a{color: #007bff;font-weight: bold;text-decoration: none}.layanan-lead p a:hover{color: #0056b3;text-decoration: underline}.layanan-groups{display: grid;gap: 22px}.layanan-group{position: relative;overflow: hidden;padding: 26px;border-radius: 22px;border: 1px solid rgba(15,77,119,0.14);background: linear-gradient( 160deg,rgba(255,255,255,0.97),rgba(246,251,255,0.95),rgba(255,255,255,0.95) );box-shadow: 0 16px 38px rgba(11,58,91,0.12)}.layanan-group::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient( 90deg,rgba(15,77,119,0.05),rgba(255,204,0,0.75),rgba(15,77,119,0.05) )}.layanan-group-head{display: grid;gap: 7px;margin-bottom: 18px}.layanan-group-pill{width: fit-content;display: inline-flex;align-items: center;gap: 7px;padding: 7px 12px;border-radius: 999px;border: 1px solid rgba(15,77,119,0.18);background: rgba(15,77,119,0.08);color: #0f4d77;font-size: 12px;font-weight: 700;letter-spacing: 0.3px;text-transform: uppercase;transition: border-color 0.3s cubic-bezier(0.22,1,0.36,1),background-color 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s cubic-bezier(0.22,1,0.36,1),color 0.3s cubic-bezier(0.22,1,0.36,1)}.layanan-group-pill i{color: #ffcc00;font-size: 12px}.layanan-group-head h3{font-size: clamp(1.15rem,2vw,1.4rem);color: #0b3a5b;line-height: 1.3;transition: color 0.3s cubic-bezier(0.22,1,0.36,1),text-shadow 0.3s cubic-bezier(0.22,1,0.36,1),transform 0.3s cubic-bezier(0.22,1,0.36,1)}.layanan-group-head p{max-width: 760px;color: var(--muted);font-size: 14px}@keyframes layananGroupShift{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}.layanan-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px}.layanan-card{position: relative;overflow: hidden;display: grid;grid-template-columns: 52px 1fr;grid-template-rows: minmax(52px,auto) auto;column-gap: 12px;row-gap: 10px;align-items: start;padding: 20px 18px 18px;background: linear-gradient(180deg,#ffffff 0%,#fafdff 100%);border-color: rgba(15,77,119,0.14);text-align: left;transform: translateY(0);will-change: transform,box-shadow;opacity: 0;transition: transform 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s cubic-bezier(0.22,1,0.36,1),border-color 0.32s cubic-bezier(0.22,1,0.36,1),background-color 0.32s cubic-bezier(0.22,1,0.36,1)}.layanan-card.active{opacity: 1;transform: translateY(0)}.layanan-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg,#0f4d77,#ffcc00);opacity: 0;transform: scaleX(0.32);transform-origin: left;transition: opacity 0.32s ease,transform 0.32s ease}.layanan-card:hover{transform: translateY(-7px);border-color: rgba(15,77,119,0.28);box-shadow: 0 18px 36px rgba(11,58,91,0.18)}.layanan-card:hover::before{opacity: 1;transform: scaleX(1)}.layanan-card i{width: 52px;height: 52px;border-radius: 50%;margin: 0;display: inline-flex;align-items: center;justify-content: center;font-size: 19px;color: #ffffff;background: linear-gradient(135deg,#0f4d77,#136295);box-shadow: 0 10px 20px rgba(15,77,119,0.22);transform: translateY(0) scale(1);transition: transform 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s cubic-bezier(0.22,1,0.36,1),background 0.32s cubic-bezier(0.22,1,0.36,1),filter 0.32s cubic-bezier(0.22,1,0.36,1);grid-column: 1;grid-row: 1;align-self: center}.layanan-card:hover i{transform: translateY(-3px) scale(1.05);background: linear-gradient(135deg,#136295,#0f4d77);box-shadow: 0 14px 30px rgba(15,77,119,0.32);filter: brightness(1.08)}.layanan-card h4{font-size: 1.03rem;line-height: 1.35;margin: 0;color: #0d2f49;grid-column: 2;grid-row: 1;align-self: center;transform: translateY(-1px)}.layanan-card p{color: var(--muted);font-size: 14px}.layanan-points{list-style: none;display: grid;gap: 7px;grid-column: 1 / -1;margin-top: 2px}.layanan-points li{position: relative;padding-left: 16px;color: #5d6f85;font-size: 13.5px;line-height: 1.55}.layanan-points li::before{content: '';position: absolute;left: 0;top: 0.54em;width: 7px;height: 7px;border-radius: 50%;background: linear-gradient(135deg,#0f4d77,#ffcc00);box-shadow: 0 0 0 3px rgba(15,77,119,0.08)}.layanan-group-cta{margin-top: 16px;display: flex;justify-content: flex-end}.layanan-mini-cta{position: relative;overflow: hidden;isolation: isolate;display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: 999px;border: 1px solid rgba(15,77,119,0.22);background: linear-gradient(135deg,rgba(255,255,255,0.98),rgba(241,249,255,0.96));color: #0f4d77;font-size: 12.5px;font-weight: 700;letter-spacing: 0.2px;box-shadow: 0 10px 20px rgba(11,58,91,0.1);transition: transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s cubic-bezier(0.22,1,0.36,1),border-color 0.3s cubic-bezier(0.22,1,0.36,1),background 0.3s cubic-bezier(0.22,1,0.36,1),color 0.3s cubic-bezier(0.22,1,0.36,1)}.layanan-mini-cta::before{content: '';position: absolute;inset: -18% -24%;z-index: -1;opacity: 0;transform: translateX(-36%) skewX(-16deg);background: linear-gradient( 120deg,transparent 32%,rgba(255,204,0,0.34) 50%,transparent 68% );transition: opacity 0.32s ease,transform 0.4s cubic-bezier(0.22,1,0.36,1)}.layanan-mini-cta i{font-size: 11px;transition: transform 0.3s cubic-bezier(0.22,1,0.36,1)}.layanan-mini-cta:hover{transform: translateY(-2px);border-color: rgba(255,204,0,0.65);background: linear-gradient(135deg,rgba(255,255,255,1),rgba(255,249,226,0.98));color: #0b3a5b;box-shadow: 0 14px 26px rgba(11,58,91,0.16)}.layanan-mini-cta:hover::before{opacity: 0.24;transform: translateX(0) skewX(-16deg)}.layanan-mini-cta:hover i{transform: translateX(2px)}@supports selector(.layanan-group:has(.layanan-card:hover)){.layanan-group:has(.layanan-card:hover) .layanan-mini-cta,.layanan-group:has(.layanan-card:focus-within) .layanan-mini-cta{transform: translateY(-2px);border-color: rgba(255,204,0,0.72);background: linear-gradient(135deg,rgba(255,255,255,1),rgba(255,249,226,0.98));color: #0b3a5b;box-shadow: 0 15px 28px rgba(11,58,91,0.18)}.layanan-group:has(.layanan-card:hover) .layanan-mini-cta::before,.layanan-group:has(.layanan-card:focus-within) .layanan-mini-cta::before{opacity: 0.24;transform: translateX(0) skewX(-16deg)}.layanan-group:has(.layanan-card:hover) .layanan-mini-cta i,.layanan-group:has(.layanan-card:focus-within) .layanan-mini-cta i{transform: translateX(2px)}.layanan-group:has(.layanan-card:hover) .layanan-group-head h3,.layanan-group:has(.layanan-card:focus-within) .layanan-group-head h3,.layanan-group:has(.layanan-mini-cta:hover) .layanan-group-head h3,.layanan-group:has(.layanan-mini-cta:focus-visible) .layanan-group-head h3{color: #0a3553;text-shadow: 0 0 10px rgba(255,204,0,0.2);transform: translateY(-1px)}.layanan-group:has(.layanan-card:hover) .layanan-group-pill,.layanan-group:has(.layanan-card:focus-within) .layanan-group-pill,.layanan-group:has(.layanan-mini-cta:hover) .layanan-group-pill,.layanan-group:has(.layanan-mini-cta:focus-visible) .layanan-group-pill{border-color: rgba(255,204,0,0.5);background: rgba(255,204,0,0.12);box-shadow: 0 8px 16px rgba(11,58,91,0.12);color: #0b3a5b}}@supports not selector(.layanan-group:has(.layanan-card:hover)){.layanan-group:hover .layanan-mini-cta{transform: translateY(-2px);border-color: rgba(255,204,0,0.72);background: linear-gradient(135deg,rgba(255,255,255,1),rgba(255,249,226,0.98));color: #0b3a5b;box-shadow: 0 15px 28px rgba(11,58,91,0.18)}.layanan-group:hover .layanan-mini-cta::before{opacity: 0.24;transform: translateX(0) skewX(-16deg)}.layanan-group:hover .layanan-mini-cta i{transform: translateX(2px)}.layanan-group:hover .layanan-group-head h3,.layanan-group:focus-within .layanan-group-head h3{color: #0a3553;text-shadow: 0 0 10px rgba(255,204,0,0.2);transform: translateY(-1px)}.layanan-group:hover .layanan-group-pill,.layanan-group:focus-within .layanan-group-pill{border-color: rgba(255,204,0,0.5);background: rgba(255,204,0,0.12);box-shadow: 0 8px 16px rgba(11,58,91,0.12);color: #0b3a5b}}.portfolio{background: radial-gradient(circle at 16% 12%,rgba(255,204,0,0.2),transparent 24%),radial-gradient(circle at 88% 16%,rgba(123,215,255,0.16),transparent 28%),linear-gradient(145deg,#061f32 0%,#0a3552 48%,#0f4d77 100%)}.portfolio-lead{margin: 0 auto 28px;max-width: 960px;padding: 14px 18px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.16);border-left: 4px solid #ffcc00;background: linear-gradient(135deg,rgba(255,255,255,0.14),rgba(255,255,255,0.06));color: rgba(236,245,255,0.94);font-size: 14px;line-height: 1.68;box-shadow: 0 16px 32px rgba(2,15,28,0.2);backdrop-filter: blur(10px)}.portfolio-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px}.portfolio-card{position: relative;overflow: hidden;height: 100%;background: linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);border-color: rgba(15,77,119,0.14);box-shadow: 0 16px 36px rgba(11,58,91,0.14);transition: transform 0.34s cubic-bezier(0.22,1,0.36,1),box-shadow 0.34s cubic-bezier(0.22,1,0.36,1),border-color 0.34s cubic-bezier(0.22,1,0.36,1);transform-style: preserve-3d;opacity: 0;transform: scale(0.85)}.portfolio-card.active{opacity: 1;transform: scale(1)}.portfolio-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg,#0f4d77,#ffcc00);opacity: 0.9}.portfolio-card:hover{border-color: rgba(15,77,119,0.26);box-shadow: 0 22px 44px rgba(11,58,91,0.2)}.portfolio-image{position: relative;overflow: hidden;margin: 14px 14px 0;border-radius: 14px;border: 1px solid rgba(15,77,119,0.14)}.portfolio-image img{width: 100%;height: 210px;object-fit: cover;transition: transform 0.5s cubic-bezier(0.22,1,0.36,1)}.portfolio-card:hover .portfolio-image img{transform: scale(1.045)}.portfolio-preview{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(140deg,rgba(7,36,56,0.76),rgba(11,58,91,0.56));opacity: 0;transition: opacity 0.3s ease}.portfolio-card:hover .portfolio-preview{opacity: 1}.portfolio-preview a{padding: 9px 14px;border-radius: 999px;background: rgba(255,255,255,0.95);color: #0f4d77;font-weight: 700;font-size: 13px;transition: transform 0.25s ease,background 0.25s ease,color 0.25s ease,box-shadow 0.25s ease}.portfolio-preview a:hover{transform: translateY(-1px);background: linear-gradient(135deg,#ffe27a,#ffcc00);color: #0b3a5b;box-shadow: 0 10px 20px rgba(255,204,0,0.34)}.portfolio-content{padding: 20px 20px 22px}.portfolio-label{width: fit-content;display: inline-flex;align-items: center;margin-bottom: 10px;padding: 5px 10px;border-radius: 999px;border: 1px solid rgba(15,77,119,0.18);background: rgba(15,77,119,0.06);color: #0f4d77;font-size: 11px;font-weight: 700;letter-spacing: 0.28px;text-transform: uppercase}.portfolio-content h3{color: #0d2f49;margin-bottom: 9px;line-height: 1.32}.portfolio-content p{color: #5e6f82;font-size: 14px;line-height: 1.62;position: relative;display: block;max-height: calc(1.62em * 4);overflow: hidden;will-change: max-height;transition: max-height 0.42s cubic-bezier(0.22,1,0.36,1)}.portfolio-content p::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2.3em;pointer-events: none;background: linear-gradient( 180deg,rgba(247,252,255,0),rgba(247,252,255,0.96) 72%,#f7fcff 100% );opacity: 1;transition: opacity 0.3s ease}.portfolio-card.is-expanded .portfolio-content p{max-height: calc(1.62em * 12);overflow: visible}.portfolio-card.is-expanded .portfolio-content p::after{opacity: 0}.portfolio-expand-hint{appearance: none;-webkit-appearance: none;font-family: inherit;line-height: 1;cursor: pointer;width: fit-content;display: inline-flex;align-items: center;gap: 6px;margin-top: 6px;margin-bottom: 8px;padding: 4px 9px;border-radius: 999px;border: 1px dashed rgba(15,77,119,0.24);background: rgba(15,77,119,0.06);color: #4d6782;font-size: 11px;font-weight: 600;letter-spacing: 0.12px;max-height: 28px;overflow: hidden;opacity: 0.95;transform: translateY(0);transition: opacity 0.3s ease,transform 0.3s ease,max-height 0.34s ease,margin 0.34s ease}.portfolio-expand-hint::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: linear-gradient(135deg,#0f4d77,#ffcc00)}.portfolio-expand-hint:focus-visible{outline: 0;border-color: rgba(255,204,0,0.7);box-shadow: 0 0 0 3px rgba(255,204,0,0.22)}.portfolio-card.is-expanded .portfolio-expand-hint{cursor: pointer;border-color: rgba(255,204,0,0.62);background: rgba(255,204,0,0.16);color: #0b3a5b}@media (hover: hover) and (pointer: fine){.portfolio-card:hover .portfolio-content p{max-height: calc(1.62em * 12);overflow: visible}.portfolio-card:focus-within .portfolio-content p{max-height: calc(1.62em * 12);overflow: visible}.portfolio-card:hover .portfolio-content p::after{opacity: 0}.portfolio-card:focus-within .portfolio-content p::after{opacity: 0}.portfolio-card:hover .portfolio-expand-hint{opacity: 0;transform: translateY(-4px);max-height: 0;margin-top: 0;margin-bottom: 0}}@media (hover: none),(pointer: coarse){.portfolio-expand-hint{cursor: pointer}}.portfolio-tech{margin: 16px 0 18px;display: flex;align-items: center;flex-wrap: wrap;gap: 8px}.portfolio-tech span{padding: 5px 10px;border-radius: 999px;background: rgba(15,77,119,0.08);border: 1px solid rgba(15,77,119,0.2);color: #1c4e74;font-size: 12px;font-weight: 600}.portfolio-btn{background: linear-gradient(135deg,#0f4d77,#136295);color: #ffffff;border: 1px solid rgba(15,77,119,0.22);box-shadow: 0 10px 22px rgba(11,58,91,0.2);transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),background 0.28s cubic-bezier(0.22,1,0.36,1),color 0.28s cubic-bezier(0.22,1,0.36,1),border-color 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s cubic-bezier(0.22,1,0.36,1)}.portfolio-btn:hover{background: linear-gradient(135deg,#ffe27a,#ffcc00);color: #0a2f4b;border-color: rgba(255,204,0,0.78);transform: translateY(-1px);box-shadow: 0 14px 28px rgba(255,204,0,0.36)}.portfolio-btn:focus-visible{outline: 0;background: linear-gradient(135deg,#ffe27a,#ffcc00);color: #0a2f4b;border-color: rgba(255,204,0,0.82);box-shadow: 0 0 0 3px rgba(255,204,0,0.26),0 12px 24px rgba(255,204,0,0.3)}.cursor-light{position: absolute;width: 170px;height: 170px;border-radius: 50%;pointer-events: none;transform: translate(-50%,-50%);background: radial-gradient( circle,rgba(255,204,0,0.2),rgba(15,77,119,0.12),transparent 68% );opacity: 0;transition: opacity 0.25s ease;z-index: 1}.portfolio-card:hover .cursor-light{opacity: 1}.pricing-section{background: radial-gradient(circle at 88% 8%,rgba(255,204,0,0.16),transparent 26%),radial-gradient(circle at 10% 84%,rgba(11,58,91,0.08),transparent 32%),linear-gradient(180deg,#fbfdff 0%,#f5faff 48%,#edf4ff 100%)}.pricing-header .section-title{margin-bottom: 22px}.pricing-header .section-title h2,.pricing-header .section-title p{color: #12324b}.pricing-trust{margin: 0 auto 28px;width: fit-content;max-width: 100%;text-align: center;color: #38566f;font-size: 13px;font-weight: 600;letter-spacing: 0.18px;border: 1px solid rgba(15,77,119,0.16);border-radius: 999px;padding: 9px 16px;background: rgba(255,255,255,0.78);box-shadow: 0 12px 28px rgba(11,58,91,0.08)}.toggle-container{display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 32px;color: #38566f;font-weight: 600}.switch{position: relative;display: inline-block;width: 62px;height: 34px}.switch input{opacity: 0;width: 0;height: 0}.slider{position: absolute;inset: 0;cursor: pointer;border-radius: 999px;background: rgba(255,255,255,0.28);border: 1px solid rgba(255,255,255,0.34);transition: background 0.25s ease}.slider::before{content: '';position: absolute;left: 4px;top: 4px;width: 24px;height: 24px;border-radius: 50%;background: #ffffff;box-shadow: 0 4px 12px rgba(11,58,91,0.24);transition: transform 0.25s ease}.switch input:checked + .slider{background: rgba(255,204,0,0.38)}.switch input:checked + .slider::before{transform: translateX(28px)}.pricing-container{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px}.pricing-card{--float-base: 0px;--card-scale: 1;position: relative;overflow: hidden;padding: 30px 24px;background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.14),transparent 34%),linear-gradient(165deg,#071f32 0%,#0a3552 52%,#0f4d77 100%);border-color: rgba(255,255,255,0.14);box-shadow: 0 18px 42px rgba(2,16,29,0.28);color: #eef6ff;backdrop-filter: blur(12px);transform: translateY(var(--float-base)) scale(var(--card-scale));transform-origin: center top;transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),box-shadow 0.38s cubic-bezier(0.22,1,0.36,1),border-color 0.38s cubic-bezier(0.22,1,0.36,1),background 0.38s cubic-bezier(0.22,1,0.36,1);animation: pricingCardFloat 5.2s ease-in-out infinite}.pricing-card::before{content: '';position: absolute;inset: 0 0 auto;height: 3px;background: linear-gradient(90deg,rgba(255,204,0,0.3),#ffcc00,rgba(123,215,255,0.32))}.pricing-card:nth-child(2n){animation-delay: 0.18s}.pricing-card:nth-child(3n){animation-delay: 0.34s}.pricing-card::after{content: '';position: absolute;inset: auto -30% -55% auto;width: 180px;height: 180px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(255,204,0,0.26),rgba(255,204,0,0));opacity: 0;transition: opacity 0.42s ease}.pricing-card:hover{transform: translateY(calc(var(--float-base) - 10px)) scale(calc(var(--card-scale) + 0.015));border-color: rgba(255,204,0,0.56);box-shadow: 0 28px 58px rgba(2,16,29,0.34);background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.18),transparent 34%),linear-gradient(165deg,#08263c 0%,#0b3a5b 52%,#12557f 100%);animation-play-state: paused}.pricing-card:hover::after{opacity: 1}.pricing-card.popular{--float-base: -14px;--card-scale: 1.1;overflow: visible;z-index: 3;border-color: rgba(255,204,0,0.85);background: radial-gradient(circle at 16% 18%,rgba(255,204,0,0.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.3),transparent 36%),linear-gradient(162deg,#0a3148 0%,#15537c 54%,#1a6e98 100%);box-shadow: 0 36px 74px rgba(255,204,0,0.24),0 20px 42px rgba(2,16,29,0.3)}.pricing-card.popular h3{color: #fff6cb}.pricing-card.popular .pricing-copy,.pricing-card.popular .pricing-target,.pricing-card.popular .pricing-range,.pricing-card.popular .pricing-market{color: rgba(244,249,255,0.86)}.pricing-card.popular .price{border-color: rgba(255,204,0,0.58);background: linear-gradient(135deg,rgba(255,204,0,0.24),rgba(255,255,255,0.08));box-shadow: 0 16px 32px rgba(255,204,0,0.16),inset 0 1px 0 rgba(255,255,255,0.2)}.pricing-card.popular .pricing-note{color: rgba(255,248,222,0.92);background: rgba(255,204,0,0.12);border-color: rgba(255,204,0,0.22)}.pricing-card.popular li{color: rgba(246,250,255,0.94)}.popular-badge{position: absolute;top: -12px;left: 50%;z-index: 4;transform: translateX(-50%);border-radius: 999px;padding: 6px 12px;font-size: 12px;letter-spacing: 0.3px;font-weight: 700;color: #08263c;background: #ffcc00;box-shadow: 0 10px 22px rgba(255,204,0,0.35);animation: popularBadgeLift 4.2s ease-in-out infinite}@keyframes popularBadgeLift{0%,100%{transform: translateX(-50%) translateY(0);box-shadow: 0 10px 22px rgba(255,204,0,0.35)}50%{transform: translateX(-50%) translateY(-3px);box-shadow: 0 14px 28px rgba(255,204,0,0.42)}}.pricing-card h3{text-align: center;font-size: 1.4rem;color: #ffffff}.pricing-copy{margin: 10px auto 0;text-align: center;color: rgba(228,240,255,0.82);font-size: 13px;line-height: 1.65;max-width: 300px}.pricing-target{margin-top: 10px;text-align: center;font-size: 13px;color: rgba(228,240,255,0.76)}.price{margin: 12px auto 4px;width: fit-content;max-width: 100%;padding: 10px 14px;border-radius: 14px;text-align: center;font-size: clamp(1.02rem,2vw,1.28rem);font-weight: 700;line-height: 1.35;letter-spacing: 0.15px;color: #fff7d6;border: 1px solid rgba(255,204,0,0.44);background: linear-gradient(135deg,rgba(255,204,0,0.2),rgba(255,255,255,0.06));box-shadow: 0 12px 24px rgba(255,204,0,0.12),inset 0 1px 0 rgba(255,255,255,0.18);text-wrap: balance;display: grid;gap: 4px;animation: pricePulse 3.6s ease-in-out infinite}.price-prefix{font-size: 11px;text-transform: uppercase;letter-spacing: 0.6px;color: rgba(244,250,255,0.68)}.price-value{font-size: clamp(1.04rem,2vw,1.32rem);font-weight: 700;color: #ffffff}.pricing-note{margin: 8px 0 16px;font-size: 13px;line-height: 1.68;color: rgba(232,242,255,0.84);padding: 10px 12px;border-radius: 10px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12)}.pricing-range{margin-top: 8px;text-align: center;color: rgba(228,240,255,0.74);font-size: 13px}.pricing-subtitle{margin-top: 16px;font-size: 14px;letter-spacing: 0.2px;text-transform: uppercase;color: #ffe27a}.pricing-card ul{list-style: none;margin: 10px 0 16px;display: grid;gap: 8px}.pricing-card li{position: relative;padding-left: 20px;color: rgba(236,245,255,0.88);font-size: 14px;line-height: 1.62}.pricing-card li::before{content: '\2713';position: absolute;left: 0;top: 2px;color: #ffcc00;display: inline-block;line-height: 1;font-weight: 700;background: transparent;width: auto;height: auto}.pricing-market{margin-top: 4px;color: rgba(228,240,255,0.76);font-size: 13px;line-height: 1.65}.pricing-fit{margin: 10px 0 22px}.btn-order{width: 100%;position: relative;overflow: hidden;background: linear-gradient(135deg,#ffe27a,#ffcc00);color: #08263c;border: 1px solid rgba(255,204,0,0.72);box-shadow: 0 14px 28px rgba(255,204,0,0.2);transition: transform 0.34s cubic-bezier(0.22,1,0.36,1),background-color 0.34s cubic-bezier(0.22,1,0.36,1),color 0.34s cubic-bezier(0.22,1,0.36,1),border-color 0.34s cubic-bezier(0.22,1,0.36,1),box-shadow 0.34s cubic-bezier(0.22,1,0.36,1)}.btn-order::before{content: '';position: absolute;inset: -8% -30%;pointer-events: none;background: linear-gradient( 120deg,transparent 36%,rgba(255,255,255,0.45) 50%,transparent 64% );transform: translateX(-45%) skewX(-16deg);opacity: 0;transition: opacity 0.34s ease}.btn-order:hover{background: linear-gradient(135deg,#ffffff,#fff4c3);color: #061f32;border-color: rgba(255,255,255,0.92);transform: translateY(-3px);box-shadow: 0 16px 32px rgba(255,255,255,0.18)}.btn-order:hover::before{opacity: 0.55}.btn-order:focus-visible{outline: 0;background: linear-gradient(135deg,#ffffff,#fff4c3);color: #061f32;border-color: rgba(255,255,255,0.95);box-shadow: 0 0 0 3px rgba(255,204,0,0.24),0 12px 24px rgba(255,204,0,0.22)}.pricing-bottom-note{margin: 20px auto 0;max-width: 760px;text-align: center;color: #44617b;font-size: 14px;line-height: 1.65}@keyframes pricingCardFloat{0%,100%{transform: translateY(var(--float-base)) scale(var(--card-scale))}50%{transform: translateY(calc(var(--float-base) - 4px)) scale(var(--card-scale))}}@keyframes pricePulse{0%,100%{box-shadow: 0 12px 24px rgba(255,204,0,0.12),inset 0 1px 0 rgba(255,255,255,0.12)}50%{box-shadow: 0 16px 32px rgba(255,204,0,0.18),inset 0 1px 0 rgba(255,255,255,0.2)}}.blog-section{position: relative;background: linear-gradient(180deg,rgba(255,255,255,0.96) 0%,rgba(247,251,255,0.98) 54%,#eef5ff 100%),linear-gradient(90deg,rgba(11,58,91,0.06),rgba(255,204,0,0.08))}.blog-header{max-width: 760px;margin: 0 auto 34px;text-align: center}.blog-header p{margin-top: 8px;color: var(--muted);line-height: 1.7}.blog-header a{color: var(--primary-2);font-weight: 700;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px}.mobile-swipe-hint{display: none;width: fit-content;margin: 0 auto 14px;align-items: center;gap: 8px;padding: 6px 12px;border-radius: 999px;font-size: 12px;font-weight: 600;letter-spacing: 0.2px;backdrop-filter: blur(4px)}.mobile-swipe-hint i{font-size: 12px;animation: swipeHintPulse 1.8s ease-in-out infinite}.mobile-swipe-hint--light{color: rgba(255,255,255,0.92);border: 1px dashed rgba(255,255,255,0.35);background: rgba(255,255,255,0.12)}.mobile-swipe-hint--dark{color: #37536c;border: 1px dashed rgba(15,77,119,0.28);background: rgba(15,77,119,0.08)}.pricing-section .mobile-swipe-hint{color: #37536c;border: 1px dashed rgba(15,77,119,0.28);background: rgba(15,77,119,0.08)}@keyframes swipeHintPulse{0%,100%{transform: translateX(0);opacity: 0.84}50%{transform: translateX(2px);opacity: 1}}.blog-container{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px;align-items: stretch}.blog-container--seo{grid-auto-flow: dense;gap: 22px}.blog-card{--blog-float-delay: 0s;position: relative;display: flex;flex-direction: column;overflow: hidden;border-radius: 18px;background: linear-gradient(165deg,rgba(8,38,60,0.98) 0%,rgba(11,58,91,0.98) 56%,rgba(15,77,119,0.98) 100%);border: 1px solid rgba(255,255,255,0.22);box-shadow: 0 18px 42px rgba(4,23,38,0.22);transform: translateY(0) scale(1);will-change: transform,box-shadow;transition: transform 0.42s cubic-bezier(0.22,1,0.36,1),box-shadow 0.42s cubic-bezier(0.22,1,0.36,1),border-color 0.42s cubic-bezier(0.22,1,0.36,1)}.blog-card:nth-child(2){--blog-float-delay: 0.18s}.blog-card:nth-child(3){--blog-float-delay: 0.34s}.blog-card:nth-child(4),.blog-card:nth-child(8){--blog-float-delay: 0.1s}.blog-card:nth-child(5),.blog-card:nth-child(9){--blog-float-delay: 0.22s}.blog-card:nth-child(6),.blog-card:nth-child(10){--blog-float-delay: 0.3s}.blog-card--featured{grid-column: span 2}.blog-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient( 90deg,rgba(255,204,0,0.26),rgba(255,204,0,0.95),rgba(255,204,0,0.26) );opacity: 0.75;transform: scaleX(0.7);transform-origin: center;transition: transform 0.42s cubic-bezier(0.22,1,0.36,1),opacity 0.42s ease}.blog-card::after{content: '';position: absolute;inset: auto -35% -35% auto;width: 180px;height: 180px;border-radius: 50%;background: radial-gradient(circle,rgba(255,204,0,0.22),transparent 62%);pointer-events: none;opacity: 0;transition: opacity 0.35s ease}.blog-card:hover{transform: translateY(-8px) scale(1.01);border-color: rgba(255,204,0,0.42);box-shadow: 0 24px 54px rgba(4,23,38,0.32);animation-play-state: paused}.blog-card:hover::before{transform: scaleX(1);opacity: 1}.blog-card:hover::after{opacity: 1}.blog-card.show{animation: blogRiseIn 0.58s ease both,blogCardFloat 6.6s ease-in-out calc(0.58s + var(--blog-float-delay)) infinite}.blog-container--seo .blog-card.show{animation: blogRiseIn 0.5s ease both}@keyframes blogRiseIn{0%{transform: translateY(18px) scale(0.99);opacity: 0.72}100%{transform: translateY(0) scale(1);opacity: 1}}.blog-img{position: relative;aspect-ratio: 16 / 10;height: auto;overflow: hidden;background: #07233a}.blog-img::before{content: '';position: absolute;inset: -16% -55%;z-index: 2;pointer-events: none;background: linear-gradient( 118deg,transparent 38%,rgba(255,255,255,0.24) 50%,transparent 62% );transform: translateX(-54%) skewX(-18deg);opacity: 0;transition: transform 0.72s cubic-bezier(0.22,1,0.36,1),opacity 0.42s ease}.blog-img::after{content: '';position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(5,25,41,0.42) 100%)}.blog-img img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transform: scale(1.01);transition: transform 0.62s cubic-bezier(0.22,1,0.36,1),filter 0.62s cubic-bezier(0.22,1,0.36,1)}.blog-card:hover .blog-img img{transform: scale(1.08) translateY(-2px);filter: saturate(1.1)}.blog-card:hover .blog-img::before{opacity: 0.95;transform: translateX(8%) skewX(-18deg)}.blog-content{padding: 20px 20px 22px;min-height: 0;display: flex;flex-direction: column;gap: 10px;transition: transform 0.42s cubic-bezier(0.22,1,0.36,1)}.blog-card:hover .blog-content{transform: translateY(-2px)}.blog-category{align-self: flex-start;max-width: 100%;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0;padding: 6px 11px;border-radius: 999px;background: rgba(255,204,0,0.16);border: 1px solid rgba(255,204,0,0.36);color: #ffe37e;line-height: 1.25}.blog-content h3{color: #ffffff;font-size: clamp(1.08rem,1.25vw,1.36rem);line-height: 1.35;letter-spacing: 0}.blog-content p{color: #d9eaff;line-height: 1.72;font-size: 14.5px;flex-grow: 1}.blog-btn{align-self: flex-start;min-width: 166px;padding: 10px 15px;border-radius: 999px;font-weight: 700;background: #ffcc00;border: 1px solid rgba(255,255,255,0.28);color: #08263c;text-align: center;transition: all 0.34s cubic-bezier(0.22,1,0.36,1)}.blog-btn:hover{background: #ffffff;color: #051b2d;border-color: rgba(255,255,255,0.95);transform: translateY(-3px);box-shadow: 0 10px 22px rgba(255,255,255,0.28)}.blog-btn:focus-visible{outline: 0;background: #ffffff;color: #051b2d;border-color: rgba(255,255,255,0.95);box-shadow: 0 0 0 3px rgba(255,255,255,0.28),0 10px 22px rgba(255,255,255,0.24)}@keyframes blogCardFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-5px)}}.testimonial-section{padding: 102px 0 86px;background: radial-gradient(circle at 18% 16%,rgba(255,204,0,0.2),transparent 26%),radial-gradient(circle at 84% 12%,rgba(116,225,188,0.12),transparent 26%),linear-gradient(145deg,#071f32 0%,#0b3a5b 50%,#0f4d77 100%)}.testimonial-header{text-align: center;margin-bottom: 32px}.testimonial-header h2{display: inline-block;color: #ffffff;margin-bottom: 12px}.testimonial-header p{max-width: 700px;margin: 0 auto;color: rgba(255,255,255,0.9)}.testimonial-slider{position: relative;max-width: 1120px;margin: 0 auto;padding: 4px 54px 0;overflow: hidden}.testimonial-slider.testimonial-slider--mobile-swipe{padding: 4px clamp(24px,4vw,54px) 0}.testimonial-track{display: flex;gap: 20px;align-items: stretch;padding: 8px 0 14px;min-height: 0;will-change: transform;cursor: grab;user-select: none;-webkit-user-select: none;touch-action: pan-y}.testimonial-slider--mobile-swipe .testimonial-track{overflow-x: auto;overflow-y: visible;padding: 8px 2px 14px;scroll-snap-type: x mandatory;scrollbar-width: none;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain;cursor: grab}.testimonial-slider--mobile-swipe .testimonial-track::-webkit-scrollbar{display: none}.testimonial-track.dragging,.testimonial-track:active{cursor: grabbing}.testimonial-slider.is-swiping{cursor: grabbing}.testimonial-slider.is-swiping .nav-btn{opacity: 0.7}.testimonial-slider.is-swiping .testimonial-card,.testimonial-slider.is-swiping .testimonial-card.active{transform: none;box-shadow: 0 12px 28px rgba(6,38,58,0.17)}.testimonial-card{position: relative;min-width: 316px;padding: 22px 20px;border-radius: 18px;background: linear-gradient(155deg,rgba(255,255,255,0.99),rgba(244,249,255,0.96));border: 1px solid rgba(11,58,91,0.14);box-shadow: 0 12px 28px rgba(6,38,58,0.15);display: flex;flex-direction: column;gap: 12px;opacity: 0;transform: translateX(80px);transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),box-shadow 0.38s cubic-bezier(0.22,1,0.36,1),border-color 0.38s cubic-bezier(0.22,1,0.36,1)}.testimonial-card.active{opacity: 1;transform: translateX(0)}.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 clamp(300px,31vw,360px);min-width: 0;scroll-snap-align: start}.testimonial-card:hover{transform: translateY(-4px);border-color: rgba(11,58,91,0.24);box-shadow: 0 16px 32px rgba(6,38,58,0.2)}.testimonial-card::before{content: '\201C';position: absolute;top: 10px;right: 14px;font-size: 44px;line-height: 1;color: rgba(11,58,91,0.16);font-weight: 700;animation: quoteDrift 6.8s ease-in-out infinite}@keyframes quoteDrift{0%,100%{transform: translate3d(0,0,0);opacity: 0.84}50%{transform: translate3d(0,-4px,0);opacity: 1}}.testimonial-card.active{transform: translateY(-5px);border-color: rgba(255,204,0,0.66);box-shadow: 0 18px 36px rgba(6,38,58,0.18)}.testimonial-card.active:hover{transform: translateY(-6px)}.testimonial-top{display: flex;align-items: center;gap: 12px;margin-bottom: 2px}.client-img,.client-placeholder{width: 54px;height: 54px;border-radius: 50%;object-fit: cover;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.client-img{border: 2px solid rgba(11,58,91,0.2)}.client-placeholder{border: 2px solid rgba(11,58,91,0.2);color: #0b3a5b;background: linear-gradient(145deg,#f3f8ff,#e2efff)}.client-name{display: flex;align-items: center;gap: 6px;color: #0f2f48;font-size: 16px}.testimonial-top span{color: #5a6c80;font-size: 13px}.verified-badge{width: 20px;height: 20px;border-radius: 50%;background: #1d9bf0;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 3px 8px rgba(29,155,240,0.38)}.verified-badge svg{width: 13px;height: 13px}.testimonial-rating{display: inline-flex;align-self: flex-start;align-items: center;gap: 4px;margin: 0;padding: 5px 11px;border-radius: 999px;background: rgba(255,204,0,0.2);border: 1px solid rgba(255,204,0,0.48);color: #8a6300;font-weight: 700}.testimonial-rating i{color: #f2be12;font-size: 13px;filter: none}.testimonial-rating i.fa-star-half-stroke{color: #f7cf57}.testimonial-text{color: #27435b;line-height: 1.68;font-size: 15px}.chat-proof{margin-top: auto;width: 100%;aspect-ratio: 16 / 10;max-height: 170px;border-radius: 12px;border: 1px solid rgba(11,58,91,0.16);object-fit: cover;box-shadow: 0 6px 14px rgba(11,58,91,0.12)}.testimonial-track .client-img,.testimonial-track .chat-proof{-webkit-user-drag: none}.nav-btn{position: absolute;top: 44%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 18px;border: 1px solid rgba(255,255,255,0.72);background: linear-gradient(160deg,rgba(255,255,255,0.98),rgba(241,248,255,0.92));color: #0b3a5b;cursor: pointer;z-index: 5;overflow: hidden;box-shadow: 0 16px 32px rgba(4,23,38,0.18),0 0 0 1px rgba(255,255,255,0.52);transition: transform 0.35s cubic-bezier(0.22,1,0.36,1),background 0.35s cubic-bezier(0.22,1,0.36,1),color 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s cubic-bezier(0.22,1,0.36,1),border-color 0.35s cubic-bezier(0.22,1,0.36,1)}.nav-btn::before{content: '';position: absolute;inset: 3px;border-radius: 14px;border: 1px solid rgba(255,204,0,0.22);pointer-events: none;transition: border-color 0.35s cubic-bezier(0.22,1,0.36,1),opacity 0.35s ease}.nav-btn::after{content: '';position: absolute;inset: auto auto -42% -20%;width: 42px;height: 42px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(255,204,0,0.26),transparent 72%);opacity: 0.82;transition: opacity 0.35s ease,transform 0.35s cubic-bezier(0.22,1,0.36,1)}.nav-btn i{position: relative;z-index: 1;font-size: 14px}.nav-btn:hover{background: linear-gradient(145deg,#ffffff,#fff8dd);color: #0b3a5b;border-color: rgba(255,204,0,0.56);transform: translateY(-50%) scale(1.08);box-shadow: 0 18px 36px rgba(255,204,0,0.26),0 12px 28px rgba(4,23,38,0.18)}.nav-btn:hover::before{border-color: rgba(255,204,0,0.4)}.nav-btn:hover::after{opacity: 1;transform: scale(1.16)}.prev{left: 6px}.next{right: 6px}.testimonial-dots{margin-top: 16px;display: flex;justify-content: center;gap: 8px}.testimonial-dots span{width: 11px;height: 11px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.5);background: rgba(255,255,255,0.3);cursor: pointer;transition: transform 0.3s ease,background 0.3s ease,border-color 0.3s ease}.testimonial-dots span.active{background: #ffcc00;border-color: #ffcc00;transform: scale(1.15)}.testimonial-ctaa{margin-top: 24px;padding: 26px 22px;text-align: center;border-radius: 16px;border: 1px solid rgba(255,255,255,0.28);background: linear-gradient(145deg,rgba(255,255,255,0.18),rgba(255,255,255,0.1));box-shadow: 0 10px 24px rgba(4,23,38,0.22)}.testimonial-ctaa h3{color: #ffffff;margin-bottom: 8px}.testimonial-ctaa p{color: rgba(234,244,255,0.96);max-width: 720px;margin: 0 auto 15px;line-height: 1.64}.testimonial-ctaa .cta-btn{background: linear-gradient(135deg,#ffcc00,#ffd856);color: #0b3a5b;border-color: rgba(255,255,255,0.36);box-shadow: 0 10px 22px rgba(255,204,0,0.3)}.cta-btn:hover{background: #fff;transform: scale(1.05);transition: background 0.3s ease,transform 0.3s ease}.kontak-section{background: radial-gradient(circle at 10% 12%,rgba(11,58,91,0.08),transparent 28%),radial-gradient(circle at 92% 90%,rgba(255,204,0,0.14),transparent 26%),linear-gradient(180deg,#ffffff 0%,#f6faff 58%,#edf4ff 100%)}.kontak-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px;align-items: start}.kontak-card{position: relative;overflow: hidden;background: linear-gradient(140deg,#0b3a5b,#064674);border-color: rgba(255,255,255,0.2);box-shadow: 0 16px 45px rgba(11,58,91,0.25);padding: 30px;transition: transform 0.46s cubic-bezier(0.22,1,0.36,1),box-shadow 0.46s cubic-bezier(0.22,1,0.36,1),border-color 0.46s cubic-bezier(0.22,1,0.36,1)}.kontak-card::before{content: '';position: absolute;inset: -38% auto auto -18%;width: 220px;height: 220px;border-radius: 50%;background: radial-gradient(circle,rgba(255,204,0,0.28),transparent 68%);pointer-events: none;animation: kontakGlowOrbit 9.8s ease-in-out infinite}.kontak-card:hover{transform: translateY(-4px);border-color: rgba(255,204,0,0.34);box-shadow: 0 20px 52px rgba(8,45,70,0.34)}.kontak-card h3{position: relative;z-index: 1;color: #ffcc00;font-size: 24px;margin-bottom: 20px}.kontak-item{position: relative;z-index: 1;display: flex;align-items: flex-start;gap: 14px;margin-bottom: 18px;border-radius: 12px;padding: 6px 8px;margin-inline: -8px;transition: background 0.34s cubic-bezier(0.22,1,0.36,1),transform 0.34s cubic-bezier(0.22,1,0.36,1)}.kontak-item:hover{background: rgba(255,255,255,0.08);transform: translateX(2px)}.kontak-item i{width: 38px;height: 38px;border-radius: 50%;background: #ffcc00;color: #0b3a5b;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 8px 16px rgba(255,204,0,0.28);animation: kontakIconFloat 3.9s ease-in-out infinite;transition: transform 0.34s cubic-bezier(0.22,1,0.36,1),box-shadow 0.34s cubic-bezier(0.22,1,0.36,1),background 0.34s cubic-bezier(0.22,1,0.36,1)}.kontak-item:nth-child(2) i{animation-delay: 0.18s}.kontak-item:nth-child(3) i{animation-delay: 0.34s}.kontak-item:hover i{transform: translateY(-2px) scale(1.06) rotate(-5deg);box-shadow: 0 12px 20px rgba(255,204,0,0.33);background: #ffd84d}.kontak-item h4{color: #ffffff;font-size: 16px;margin-bottom: 4px}.kontak-item p,.kontak-item a{color: #e8f3ff;text-decoration: none;font-size: 14px}.kontak-item a:hover{color: #ffcc00}.kontak-map{position: relative;z-index: 1;margin-top: 16px;overflow: hidden;border-radius: 14px}.kontak-map iframe{width: 100%;height: 260px;border: 0;border-radius: 14px;transition: transform 0.48s cubic-bezier(0.22,1,0.36,1),filter 0.48s cubic-bezier(0.22,1,0.36,1)}.kontak-card:hover .kontak-map iframe{transform: scale(1.02);filter: saturate(1.06)}.kontak-form{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 10px}.kontak-form label{color: #ffffff;font-size: 14px;font-weight: 500}.kontak-form input,.kontak-form textarea,.kontak-form select{border: 1px solid rgba(255,255,255,0.26);border-radius: 10px;padding: 12px 14px;background: rgba(255,255,255,0.08);color: #ffffff;font-size: 14px;outline: none;transition: transform 0.32s cubic-bezier(0.22,1,0.36,1),border-color 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s cubic-bezier(0.22,1,0.36,1),background 0.32s cubic-bezier(0.22,1,0.36,1);animation: kontakFieldBreathe 4.6s ease-in-out infinite}.kontak-form input::placeholder,.kontak-form textarea::placeholder{color: rgba(255,255,255,0.68)}.kontak-form input:hover,.kontak-form textarea:hover,.kontak-form select:hover{transform: translateX(2px);border-color: rgba(255,204,0,0.5);background: rgba(255,255,255,0.12)}.kontak-form input:focus,.kontak-form textarea:focus,.kontak-form select:focus{transform: translateX(4px) translateY(-1px);border-color: #ffcc00;box-shadow: 0 0 0 3px rgba(255,204,0,0.22),0 10px 18px rgba(9,45,72,0.24);background: rgba(255,255,255,0.16);animation: none}.kontak-form input:not(:placeholder-shown),.kontak-form textarea:not(:placeholder-shown){border-color: rgba(255,204,0,0.42);background: rgba(255,255,255,0.12)}.kontak-form select:valid{border-color: rgba(255,204,0,0.42);background: rgba(255,255,255,0.12)}.kontak-form select option{color: #0b3a5b}.kontak-submit{margin-top: 8px;background: linear-gradient(135deg,#ffcc00,#ffd84d);color: #0b3a5b;box-shadow: 0 12px 24px rgba(255,204,0,0.3);transition: transform 0.34s cubic-bezier(0.22,1,0.36,1),box-shadow 0.34s cubic-bezier(0.22,1,0.36,1),background 0.34s cubic-bezier(0.22,1,0.36,1)}.kontak-submit:hover{background: linear-gradient(135deg,#ffd84d,#ffe37a);transform: translateY(-3px) scale(1.01);box-shadow: 0 15px 28px rgba(255,204,0,0.36)}.kontak-helper{margin-top: 8px;color: rgba(255,255,255,0.78);font-size: 13px}@keyframes kontakIconFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-3px)}}@keyframes kontakFieldBreathe{0%,100%{box-shadow: 0 0 0 rgba(255,204,0,0)}50%{box-shadow: 0 0 0 1px rgba(255,204,0,0.16)}}@keyframes kontakGlowOrbit{0%,100%{transform: translate3d(0,0,0);opacity: 0.62}50%{transform: translate3d(24px,20px,0);opacity: 0.84}}.layanan-lead,.portfolio-lead,.pricing-trust,.testimonial-ctaa{border-radius: 22px;backdrop-filter: blur(14px) saturate(1.04);box-shadow: 0 22px 48px rgba(11,58,91,0.14),inset 0 1px 0 rgba(255,255,255,0.5)}.about-card,.team-card,.pricing-card:not(.popular),.blog-card,.kontak-card{border-color: rgba(255,255,255,0.18);box-shadow: 0 24px 58px rgba(2,16,29,0.28),inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -1px 0 rgba(255,255,255,0.04);backdrop-filter: blur(18px) saturate(1.05)}.about-card{background: linear-gradient(160deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.16),transparent 34%),linear-gradient(155deg,#08263c 0%,#0b3a5b 52%,#0f4d77 100%)}.about-card.highlight{background: linear-gradient(160deg,rgba(255,255,255,0.09),rgba(255,255,255,0.03)),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.2),transparent 34%),linear-gradient(145deg,#092a44 0%,#114f79 100%)}.team-card{background: linear-gradient(160deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.16),transparent 34%),linear-gradient(165deg,#08263c 0%,#0b3a5b 52%,#0f4d77 100%)}.pricing-card:not(.popular){background: linear-gradient(160deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),radial-gradient(circle at 0% 100%,rgba(255,204,0,0.12),transparent 28%),radial-gradient(circle at 100% 0%,rgba(123,215,255,0.12),transparent 34%),linear-gradient(165deg,#071f32 0%,#0a3552 52%,#0f4d77 100%)}.pricing-card.popular{box-shadow: 0 36px 76px rgba(255,204,0,0.24),0 24px 52px rgba(2,16,29,0.32),inset 0 1px 0 rgba(255,255,255,0.14)}.blog-card{background: linear-gradient(160deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02)),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.16),transparent 34%),linear-gradient(165deg,#08263c 0%,#0b3a5b 52%,#0f4d77 100%)}.kontak-card{background: linear-gradient(160deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03)),radial-gradient(circle at 100% 0%,rgba(255,204,0,0.18),transparent 34%),linear-gradient(140deg,#0b3a5b,#064674)}.layanan-group,.layanan-card,.portfolio-card,.testimonial-card{border-color: rgba(255,255,255,0.72);box-shadow: 0 24px 54px rgba(11,58,91,0.14),inset 0 1px 0 rgba(255,255,255,0.96),0 0 0 1px rgba(255,255,255,0.35);-webkit-backdrop-filter: none;backdrop-filter: none}.layanan-group{background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.14),transparent 28%),radial-gradient(circle at 0% 100%,rgba(123,215,255,0.12),transparent 26%),linear-gradient( 160deg,rgba(255,255,255,0.98),rgba(246,251,255,0.96),rgba(255,255,255,0.94) )}.layanan-card{background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.14),transparent 28%),linear-gradient(180deg,rgba(255,255,255,0.99),rgba(250,253,255,0.95))}.portfolio-card{background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.14),transparent 28%),radial-gradient(circle at 0% 100%,rgba(123,215,255,0.12),transparent 24%),linear-gradient(180deg,#ffffff 0%,#f7fcff 100%)}.testimonial-card{background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.12),transparent 28%),linear-gradient(155deg,rgba(255,255,255,0.99),rgba(244,249,255,0.96))}.about-card:hover,.team-card:hover,.layanan-group:hover,.layanan-card:hover,.portfolio-card:hover,.blog-card:hover,.pricing-card:not(.popular):hover,.testimonial-card:hover,.kontak-card:hover{box-shadow: 0 30px 66px rgba(11,58,91,0.2),inset 0 1px 0 rgba(255,255,255,0.16)}.pricing-card.popular:hover{box-shadow: 0 42px 88px rgba(255,204,0,0.28),0 28px 58px rgba(2,16,29,0.34),inset 0 1px 0 rgba(255,255,255,0.18)}.testimonial-card.active,.testimonial-card.active:hover{box-shadow: 0 28px 58px rgba(255,204,0,0.18),0 18px 38px rgba(6,38,58,0.18),inset 0 1px 0 rgba(255,255,255,0.96)}.site-footer{background: linear-gradient(135deg,#08263c 0%,#0f4d77 100%);color: #ffffff;padding-top: 56px}.footer-grid{display: grid;grid-template-columns: 1.2fr 1fr 1fr 1fr;gap: 24px;padding-bottom: 28px}.site-footer h3,.site-footer h4{margin-bottom: 12px}.site-footer p{color: rgba(255,255,255,0.86)}.footer-brand{max-width: 340px}.footer-links,.footer-contact{display: flex;flex-direction: column;gap: 10px}.footer-links a,.footer-contact a{color: #d9ecff;transition: color 0.25s ease}.footer-links a:hover,.footer-contact a:hover{color: #ffe173}.footer-social-links{display: flex;align-items: center;gap: 10px;margin-top: 4px}.footer-social-links a{width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255,255,255,0.14);color: #ffffff;transition: all 0.25s ease}.footer-social-links a:hover{transform: translateY(-3px);background: #ffcc00;color: #0b3a5b}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.16);text-align: center;padding: 16px 0 20px}.footer-contact a{display: flex;align-items: center;gap: 8px}.footer-contact i{font-size: 16px;min-width: 18px;text-align: center}.footer-contact p{display: flex;align-items: center;gap: 8px;margin: 0}.footer-links a{display: flex;align-items: center;gap: 8px}.footer-links i{font-size: 14px;min-width: 18px;text-align: center}.footer-links a:hover i{transform: translateX(3px);transition: 0.2s}@media (max-width: 1200px){.logo-area img{width: 44px;height: 44px}.logo-area::before{width: 44px;height: 44px}.nav-menu{gap: 14px}.logo-area span{font-size: 15px}.layanan-group{padding: 24px 22px}.layanan-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.portfolio-grid,.blog-container{grid-template-columns: repeat(2,minmax(0,1fr))}.blog-img{aspect-ratio: 16 / 10;height: auto}.testimonial-slider{padding: 4px 46px 0}.testimonial-card{min-width: 300px}}@media (max-width: 992px){.container{width: min(94%,100%)}.navbar{padding: 8px 0}.logo-area img{width: 42px;height: 42px}.logo-area::before{width: 42px;height: 42px;left: 7px}.navbar .cta-btn{display: none}.hamburger{display: inline-flex}.nav-menu{position: fixed;top: 64px;left: 3%;right: 3%;max-height: calc(100vh - 78px);overflow-y: auto;padding: 14px;border-radius: 14px;background: rgba(8,38,60,0.97);border: 1px solid rgba(255,255,255,0.18);box-shadow: 0 18px 40px rgba(0,0,0,0.28);backdrop-filter: blur(10px);display: grid;gap: 8px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-10px);transition: opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease}.nav-menu.active{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0)}.nav-menu a{font-size: 15px;padding: 10px 8px;border-radius: 10px}.nav-menu>a,.dropdown>a{display: flex;align-items: center;gap: 10px;padding: 10px 8px}.dropdown-toggle span{margin-right: auto}.dropdown-caret-button{width: 28px;height: 28px}.dropdown{display: grid;gap: 4px}.dropdown-menu{position: static;opacity: 0;visibility: visible;transform: none;display: grid;min-width: 0;max-height: 0;overflow: hidden;padding: 0 0 0 12px;border: 0;background: transparent;box-shadow: none;pointer-events: none;transition: max-height 0.32s ease,padding-top 0.32s ease,opacity 0.32s ease}.dropdown.open .dropdown-menu{max-height: 300px;opacity: 1;margin-top: 10px;padding-top: 6px;pointer-events: auto}.dropdown-menu a{background: rgba(255,255,255,0.08)}.hero-wrapper{grid-template-columns: 1fr;gap: 24px;text-align: center}.hero-content p{margin-left: auto;margin-right: auto}.hero-buttons,.hero-social{justify-content: center}.hero-image img{max-width: 360px}.layanan-lead{padding: 15px 16px;font-size: 14.5px}.layanan-group{padding: 22px 18px;border-radius: 18px}.layanan-group-cta{justify-content: flex-start}.portfolio-lead{padding: 13px 15px}.portfolio-image{margin: 12px 12px 0}.about-grid,.pricing-container,.kontak-grid{grid-template-columns: 1fr}.layanan-grid,.portfolio-grid,.blog-container{grid-template-columns: repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.pricing-card.popular{--float-base: 0px;--card-scale: 1.04}.site-footer .footer-grid{grid-template-columns: 1fr 1fr}.wa-floating{right: 16px;bottom: 16px}.wa-popup{max-width: 220px}}@media (max-width: 768px){.mobile-swipe-hint{display: inline-flex}.nav-menu .menu-icon{display: inline-flex !important;width: 18px;flex-shrink: 0;justify-content: center;color: rgba(255,204,0,0.95);font-size: 14px;transition: transform 0.26s ease,color 0.26s ease}.nav-menu a:hover .menu-icon,.nav-menu a.active .menu-icon{color: #ffe27a;transform: translateX(1px)}#about .container{--about-block-gap: 18px}section{padding: 84px 0}#home{padding-top: 122px}main section[id].section-shell{transform: translateY(26px) scale(0.994)}.section-title{margin-bottom: 30px}.section-title p{font-size: 14px}.layanan-lead{margin-bottom: 22px;padding: 14px 14px;font-size: 14px}.layanan-group{padding: 18px 14px;border-radius: 16px}.layanan-group-head{margin-bottom: 14px}.layanan-group-head p{font-size: 13.5px}.layanan-group-pill{font-size: 11px}.layanan-group-cta{justify-content: center}.layanan-mini-cta{width: 100%;justify-content: center}.portfolio-lead{margin-bottom: 20px;padding: 12px 13px;font-size: 13.5px}.hero-content h1{font-size: clamp(1.75rem,5.6vw,2.2rem);line-height: 1.24}.hero-content h1 .hero-typewrite{white-space: normal}.hero-content p{font-size: 15px}.hero-buttons{width: 100%}.hero-buttons a{width: 100%;max-width: 340px}.about-grid,.layanan-grid,.team-grid,.kontak-grid,.footer-grid{grid-template-columns: 1fr;gap: 18px}.portfolio-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px}.pricing-container,.blog-container{display: flex;gap: 14px;overflow-x: auto;overflow-y: visible;padding: 4px 2px 14px;scroll-snap-type: x mandatory;scroll-padding-left: 2px;scrollbar-width: none;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain}.pricing-container::-webkit-scrollbar,.blog-container::-webkit-scrollbar{display: none}.pricing-card,.blog-card{flex: 0 0 min(86vw,360px);scroll-snap-align: start}.pricing-card.popular{padding-top: 40px;overflow: hidden}.pricing-card.popular .popular-badge{top: 10px;left: 50%;transform: translateX(-50%);white-space: nowrap;max-width: calc(100% - 28px)}.pricing-card{animation: none}.blog-card.show{animation: none}.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{padding-left: 18px;padding-right: 18px}.layanan-card h4{font-size: 1rem}.portfolio-content{padding: 18px}.portfolio-label{font-size: 10.5px}.portfolio-image img{height: 188px}.blog-img{aspect-ratio: 16 / 10;height: auto}.blog-content{min-height: 0;padding: 18px}.blog-content h3{font-size: 20px}.blog-btn{width: 100%;text-align: center}.testimonial-slider{padding: 4px 2px 0}.testimonial-slider.testimonial-slider--mobile-swipe{padding: 4px 2px 0}.testimonial-track{gap: 14px;overflow-x: auto;overflow-y: visible;padding: 8px 2px 14px;scroll-snap-type: x mandatory;scrollbar-width: none;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain;cursor: grab}.testimonial-track::-webkit-scrollbar{display: none}.testimonial-slider--mobile-swipe .testimonial-track{gap: 14px;padding: 8px 2px 14px}.testimonial-card{flex: 0 0 min(86vw,360px);min-width: 0;padding: 20px 16px;scroll-snap-align: start}.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 min(86vw,360px);min-width: 0;padding: 20px 16px}.nav-btn{width: 40px;height: 40px;border-radius: 15px;top: 44%}.nav-btn i{font-size: 12.5px}.prev{left: 0}.next{right: 0}.site-footer{padding-top: 44px}.site-footer .footer-grid{grid-template-columns: 1fr}}@media (max-width: 576px){.logo-area span{display: block;font-size: 14px;max-width: 165px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.6rem,6vw,2rem)}.portfolio-grid{grid-template-columns: 1fr;gap: 16px}.portfolio-content p{max-height: calc(1.62em * 5)}.hero-content p,.layanan-points li,.portfolio-lead,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a{font-size: 14px}.btn-primary,.btn-secondary,.portfolio-btn,.btn-order,.kontak-submit{width: 100%;text-align: center}.blog-img{aspect-ratio: 4 / 3;height: auto}.testimonial-card{flex: 0 0 88vw;min-width: 88vw}.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 88vw;min-width: 88vw}.nav-btn{width: 38px;height: 38px;border-radius: 14px}.nav-btn i{font-size: 12px}}@media (max-width: 380px){section{padding: 76px 0}#home{padding-top: 114px}.hero-content h1{font-size: 1.65rem}.hero-image img{max-width: 270px}.logo-area span{font-size: 12.5px;max-width: 128px}.blog-img{aspect-ratio: 4 / 3;height: auto}.wa-popup{display: none}}@media (min-width: 721px) and (max-width: 1100px){.container{width: min(100% - 40px,1120px)}section{padding: 104px 0}#home{min-height: auto;padding: 138px 0 98px}.section-title,.blog-header,.testimonial-header{margin-bottom: 38px}.section-title h2,.blog-header h2,.testimonial-header h2,.hero-content h1{text-wrap: balance}.section-title p,.blog-header p,.testimonial-header p{max-width: 720px;font-size: 15.5px;line-height: 1.78;text-wrap: balance}.hero-wrapper{grid-template-columns: minmax(0,1.02fr) minmax(320px,0.98fr);gap: 30px;align-items: stretch;text-align: left}.hero-content{position: relative;overflow: hidden;padding: 34px 32px;border-radius: 30px;border: 1px solid rgba(255,255,255,0.18);background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.22),transparent 36%),linear-gradient(160deg,rgba(255,255,255,0.14),rgba(255,255,255,0.06));box-shadow: 0 24px 52px rgba(2,15,28,0.22);backdrop-filter: blur(18px)}.hero-content::before{content: '';position: absolute;inset: auto -18% -38% auto;width: 220px;height: 220px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(123,215,255,0.18),transparent 68%)}.hero-content h1{max-width: 15ch;font-size: clamp(2.2rem,3.8vw,3rem)}.hero-content p{max-width: 58ch;margin-top: 18px;font-size: 15.5px;line-height: 1.82}.hero-buttons{justify-content: flex-start;gap: 12px}.hero-buttons a{min-width: 204px}.hero-social{justify-content: flex-start;gap: 12px;margin-top: 20px}.hero-social a{width: 42px;height: 42px;border-color: rgba(255,255,255,0.26);background: rgba(255,255,255,0.1)}.hero-image{position: relative;display: grid;place-items: center;overflow: hidden;padding: 28px 24px;border-radius: 32px;border: 1px solid rgba(255,255,255,0.16);background: radial-gradient(circle at 16% 16%,rgba(255,204,0,0.18),transparent 30%),linear-gradient(160deg,rgba(255,255,255,0.12),rgba(255,255,255,0.05));box-shadow: 0 22px 48px rgba(2,15,28,0.2)}.hero-image::before{content: '';position: absolute;inset: auto auto -26% -10%;width: 180px;height: 180px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(255,255,255,0.14),transparent 70%);animation: heroGlowDrift 7.4s ease-in-out infinite}@keyframes heroGlowDrift{0%,100%{transform: translate3d(0,0,0) scale(1);opacity: 0.72}50%{transform: translate3d(10px,-8px,0) scale(1.08);opacity: 1}}.hero-image img{width: min(100%,440px)}.about-grid,.kontak-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px}.team-grid,.portfolio-grid,.blog-container{grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px}.layanan-group{padding: 28px;border-radius: 26px}.layanan-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px}.layanan-card{min-height: 100%;padding: 22px 20px 20px}.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.about-card,.team-card{border-radius: 24px}.pricing-container{display: flex;gap: 20px;overflow-x: auto;overflow-y: visible;padding: 18px 12px 26px;scroll-snap-type: x proximity;scroll-padding-left: 12px;scrollbar-width: none;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain}.pricing-container::-webkit-scrollbar{display: none}.blog-container{display: grid;overflow: visible;padding: 0;scroll-snap-type: none;scroll-padding-left: 0;scrollbar-width: auto;touch-action: auto;overscroll-behavior-x: auto}.pricing-card{flex: 0 0 min(41vw,360px);height: auto;scroll-snap-align: start}.blog-card{flex: initial;height: 100%;scroll-snap-align: none}.pricing-card.popular{flex-basis: min(48vw,420px);width: auto;justify-self: auto;--card-scale: 1.08}.pricing-section .mobile-swipe-hint{display: inline-flex;margin-bottom: 8px}.mobile-swipe-hint{display: none}.testimonial-slider,.testimonial-slider.testimonial-slider--mobile-swipe{padding: 4px 20px 0}.testimonial-track,.testimonial-slider--mobile-swipe .testimonial-track{gap: 18px;padding: 8px 2px 16px}.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 min(58vw,420px);min-width: 0;padding: 24px 22px}.testimonial-ctaa{padding: 30px 28px;border-radius: 24px}.kontak-card{padding: 32px 28px;border-radius: 26px}.kontak-form input,.kontak-form textarea,.kontak-form select,.kontak-submit{min-height: 50px}.kontak-form textarea{min-height: 160px}.site-footer{padding-top: 64px}.footer-grid{grid-template-columns: 1.2fr 1fr;gap: 28px}}@media (max-width: 992px){body.menu-open::before{content: '';position: fixed;inset: 0;z-index: 998;background: rgba(3,17,29,0.52);backdrop-filter: blur(4px)}.navbar{padding: 10px 0}.nav-wrapper{gap: 12px}.logo-area{padding: 4px 8px 4px 4px}.logo-area span{font-size: 14px;line-height: 1.12}.hamburger{width: 46px;height: 46px;border-radius: 14px;background: rgba(255,255,255,0.06);box-shadow: 0 8px 16px rgba(0,0,0,0.14);backdrop-filter: blur(5px);position: relative;z-index: 1001}.nav-menu{top: 76px;left: 50%;right: auto;z-index: 1000;width: min(680px,calc(100vw - 28px));max-height: calc(100vh - 94px);padding: 16px;border-radius: 22px;gap: 10px;background: linear-gradient(165deg,rgba(8,38,60,0.96),rgba(7,31,49,0.95));border: 1px solid rgba(255,255,255,0.14);box-shadow: 0 18px 36px rgba(0,0,0,0.24);transform: translate(-50%,-12px) scale(0.99)}.nav-menu.active{transform: translate(-50%,0) scale(1)}.nav-menu a,.nav-menu>a,.dropdown>a,.dropdown-menu a{transform: none}.nav-menu>a::after,.dropdown>a::after{display: none}.nav-menu .menu-icon{display: inline-flex !important;width: 18px;flex-shrink: 0;justify-content: center;color: rgba(255,204,0,0.95);font-size: 14px;transition: transform 0.22s ease,color 0.22s ease}.nav-menu a{padding: 14px;border-radius: 16px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);font-size: 15px;line-height: 1.35}.nav-menu>a,.dropdown>a{padding: 14px}.dropdown-toggle span{margin-right: auto}.dropdown-caret-button{width: 28px;height: 28px;background: rgba(255,255,255,0.08)}.nav-menu a:hover,.nav-menu a.active,.dropdown>a:hover,.dropdown>a.active{color: #ffffff;background: rgba(255,255,255,0.1);border-color: rgba(255,204,0,0.34);box-shadow: 0 12px 28px rgba(0,0,0,0.18);text-shadow: none}.nav-menu a:hover .menu-icon,.nav-menu a.active .menu-icon{color: #ffe27a;transform: translateX(1px)}.dropdown.open>a{color: #ffffff;background: rgba(255,255,255,0.1);border-color: rgba(255,204,0,0.34);box-shadow: 0 12px 28px rgba(0,0,0,0.18);text-shadow: none}.dropdown{gap: 8px}.dropdown::after{display: none}.dropdown-menu{max-height: 0;padding: 0 0 0 12px;gap: 8px;opacity: 0;pointer-events: none}.dropdown.open .dropdown-menu{max-height: 300px;opacity: 1;margin-top: 10px;padding-top: 4px;pointer-events: auto}.dropdown-menu a{padding: 12px 14px 12px 18px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06)}.wa-floating{right: 18px;bottom: calc(18px + env(safe-area-inset-bottom,0px))}.wa-popup{max-width: 248px;font-size: 13.5px;line-height: 1.58}}@media (max-width: 720px){.container{width: min(100% - 24px,100%)}section{padding: 86px 0;scroll-margin-top: 80px}#home{min-height: auto;padding: 120px 0 86px}.section-title,.blog-header,.testimonial-header{margin-bottom: 28px}.section-title h2,.blog-header h2,.testimonial-header h2,.hero-content h1{text-wrap: balance}.section-title p,.blog-header p,.testimonial-header p{font-size: 14.5px;line-height: 1.75;text-wrap: balance}.hero-wrapper{grid-template-columns: 1fr;gap: 18px;text-align: left}.hero-content{position: relative;overflow: hidden;padding: 24px 20px;border-radius: 24px;border: 1px solid rgba(255,255,255,0.15);background: radial-gradient(circle at 100% 0%,rgba(255,204,0,0.18),transparent 34%),linear-gradient(160deg,rgba(255,255,255,0.14),rgba(255,255,255,0.06));box-shadow: 0 20px 42px rgba(2,15,28,0.22);backdrop-filter: blur(16px)}.hero-content::before{content: '';position: absolute;inset: auto -24% -34% auto;width: 180px;height: 180px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(123,215,255,0.16),transparent 72%)}.hero-content h1{max-width: none;font-size: clamp(1.9rem,7.2vw,2.45rem);line-height: 1.18}.hero-content p{margin-top: 16px;font-size: 15px;line-height: 1.82}.hero-buttons{width: 100%;justify-content: flex-start;gap: 12px}.hero-buttons a{flex: 1 1 240px;width: auto;max-width: none;min-height: 52px}.hero-social{justify-content: flex-start;gap: 10px;margin-top: 18px}.hero-social a{width: 40px;height: 40px}.hero-image{display: grid;place-items: center;padding: 18px 14px 8px;border-radius: 26px;border: 1px solid rgba(255,255,255,0.14);background: radial-gradient(circle at 12% 14%,rgba(255,204,0,0.16),transparent 28%),linear-gradient(160deg,rgba(255,255,255,0.11),rgba(255,255,255,0.04))}.hero-image img{max-width: min(100%,340px)}.about-grid,.layanan-grid,.team-grid,.portfolio-grid,.kontak-grid,.footer-grid{grid-template-columns: 1fr;gap: 18px}.about-card,.team-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{border-radius: 22px;padding-left: 20px;padding-right: 20px}.layanan-group{padding: 22px 18px;border-radius: 22px}.layanan-card{padding: 18px 16px 16px;grid-template-columns: 48px 1fr;row-gap: 8px}.layanan-card i{width: 48px;height: 48px;font-size: 18px}.layanan-card h4{font-size: 1.04rem}.layanan-points li{font-size: 14px;line-height: 1.65}.portfolio-grid{gap: 18px}.portfolio-image{margin: 14px 14px 0;border-radius: 18px}.portfolio-image img{height: 220px}.portfolio-content{padding: 20px}.pricing-container,.blog-container{gap: 16px;padding: 4px 4px 16px;scroll-padding-left: 4px}.pricing-card,.blog-card{flex: 0 0 min(84vw,390px);border-radius: 22px}.pricing-card.popular{--card-scale: 1.03}.pricing-card{padding: 28px 22px}.blog-content{padding: 20px 18px 22px}.blog-content h3{font-size: 1.28rem}.portfolio-btn,.blog-btn,.kontak-submit,.btn-order{min-height: 50px}.testimonial-slider,.testimonial-slider.testimonial-slider--mobile-swipe{padding: 4px 4px 0}.testimonial-track,.testimonial-slider--mobile-swipe .testimonial-track{gap: 16px;padding: 8px 4px 16px}.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 min(84vw,380px);min-width: 0;padding: 22px 18px;border-radius: 22px}.testimonial-text{font-size: 15px;line-height: 1.75}.kontak-card{padding: 24px 20px}.kontak-card h3{font-size: 1.35rem}.kontak-map iframe{height: 220px}.kontak-form input,.kontak-form textarea,.kontak-form select,.kontak-submit{min-height: 50px;font-size: 15px}.kontak-form textarea{min-height: 150px}.site-footer{padding-top: 48px}.footer-grid{gap: 20px}.footer-brand{max-width: none}}@media (max-width: 540px){.container{width: min(100% - 20px,100%)}.navbar{padding: 9px 0}.logo-area img{width: 38px;height: 38px}.logo-area::before{width: 38px;height: 38px}.logo-area span{max-width: 136px;font-size: 12.8px}.nav-menu{top: 70px;width: calc(100vw - 20px);padding: 14px;border-radius: 22px}.nav-menu a,.nav-menu>a,.dropdown>a{padding: 12px;font-size: 14.5px}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.72rem,8vw,2.05rem)}.hero-content{padding: 22px 18px;border-radius: 22px}.hero-content h1{font-size: clamp(1.78rem,8.4vw,2.2rem)}.hero-content p{font-size: 14.5px}.hero-buttons a{flex-basis: 100%}.hero-social a{width: 38px;height: 38px}.about-card,.team-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{padding-left: 18px;padding-right: 18px}.about-card{padding-top: 22px;padding-bottom: 22px}.team-avatar{width: 118px;height: 118px}.team-card img{width: 106px;height: 106px}.pricing-card,.blog-card,.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: 88vw}.portfolio-image img{height: 200px}.blog-img{aspect-ratio: 16 / 11}.kontak-map iframe{height: 200px}.footer-bottom{padding-bottom: calc(18px + env(safe-area-inset-bottom,0px))}.wa-floating{right: 14px;bottom: calc(14px + env(safe-area-inset-bottom,0px))}}@media (max-width: 400px){section{padding: 78px 0}#home{padding-top: 112px}.logo-area span{max-width: 118px;font-size: 12px}.nav-menu{width: calc(100vw - 16px)}.hero-content h1{font-size: 1.72rem}.hero-content p,.section-title p,.blog-header p,.testimonial-header p{font-size: 14px}.hero-image{padding: 16px 10px 4px}.hero-image img{max-width: 280px}.pricing-card,.blog-card,.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: 90vw}}@media (max-width: 768px){.section-title{margin-bottom: 24px}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.52rem,6.5vw,1.92rem);line-height: 1.16;letter-spacing: -0.01em}.hero-content{padding: 20px 16px;border-radius: 20px}.hero-content h1{max-width: min(100%,14.8ch);font-size: clamp(1.56rem,6.6vw,1.96rem);line-height: 1.12}.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-target,.pricing-range,.pricing-note,.pricing-market,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 13.6px;line-height: 1.68}.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.hero-buttons a{min-height: 46px;padding: 10px 14px;font-size: 13.6px}.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{border-radius: 20px;padding-left: 16px;padding-right: 16px}.team-card{padding-top: 20px;padding-bottom: 20px}.team-avatar{width: 108px;height: 108px;margin-bottom: 12px}.team-card img{width: 98px;height: 98px}.team-card h4{font-size: 1.04rem;line-height: 1.3}.team-card span{font-size: 13px;line-height: 1.58}.hero-social{width: 100%;justify-content: center}.layanan-group{padding: 18px 16px;border-radius: 18px}.layanan-card{padding: 16px 14px 15px;grid-template-columns: 44px 1fr;column-gap: 10px;row-gap: 8px}.layanan-card i{width: 44px;height: 44px;font-size: 16px}.layanan-card h4{font-size: 0.96rem;line-height: 1.4}.portfolio-content{padding: 16px}.portfolio-content h3{font-size: 1.04rem;line-height: 1.38}.pricing-card,.blog-card{flex: 0 0 min(82vw,328px)}.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 min(82vw,328px);padding: 18px 15px}.pricing-card{padding: 24px 18px}.pricing-card.popular{--card-scale: 1.065}.pricing-card h3{font-size: 1.16rem}.price{padding: 8px 12px;font-size: 1rem}.price-prefix{font-size: 10px}.price-value{font-size: 1.02rem}.blog-content{padding: 16px}.blog-content h3{font-size: 1.08rem;line-height: 1.42}.kontak-card{padding: 20px 16px}.kontak-card h3{font-size: 1.22rem;margin-bottom: 16px}.kontak-item{gap: 12px;margin-bottom: 14px}.kontak-item h4{font-size: 14.5px;margin-bottom: 2px}.kontak-form input,.kontak-form textarea,.kontak-form select,.kontak-submit{min-height: 46px;font-size: 14px}}@media (max-width: 540px){.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.42rem,7.4vw,1.76rem)}.hero-content{padding: 18px 15px;border-radius: 18px}.hero-content h1{max-width: min(100%,14.2ch);font-size: clamp(1.46rem,7.8vw,1.82rem)}.hero-social{justify-content: center}.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-target,.pricing-range,.pricing-note,.pricing-market,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 13.3px}.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{border-radius: 18px;padding-left: 15px;padding-right: 15px}.team-card{padding-top: 18px;padding-bottom: 18px}.team-avatar{width: 102px;height: 102px}.team-card img{width: 92px;height: 92px}.pricing-card,.blog-card,.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(84vw,312px)}.pricing-card{padding: 22px 16px}.pricing-card.popular{--card-scale: 1.05}.blog-content,.portfolio-content{padding: 15px}.blog-content h3,.portfolio-content h3{font-size: 1rem}.kontak-card{padding: 18px 15px}}@media (max-width: 400px){.hero-content h1{max-width: min(100%,13.6ch);font-size: 1.42rem}.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 13px}.pricing-card,.blog-card,.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(86vw,296px)}.pricing-card.popular{--card-scale: 1.04}}@media (max-width: 1100px){.pricing-section .mobile-swipe-hint{display: none !important}.pricing-container{display: grid !important;grid-template-columns: repeat(auto-fit,minmax(260px,1fr)) !important;gap: 20px !important;overflow: visible !important;padding: 0 !important;scroll-snap-type: none !important;scroll-padding-left: 0 !important;scrollbar-width: auto !important;-webkit-overflow-scrolling: auto !important;touch-action: auto !important;overscroll-behavior-x: auto !important}.pricing-card,.pricing-card.popular{flex: initial !important;flex-basis: auto !important;width: 100% !important;max-width: none !important;min-width: 0 !important;scroll-snap-align: none !important}}@media (max-width: 768px){.pricing-container{grid-template-columns: minmax(0,1fr) !important;gap: 18px !important}}main section[id].section-shell{opacity: 1}main section[id].section-shell::before,body.section-transitioning::after{display: none !important}section.section-focus{animation: none !important}.layanan-lead,.portfolio-lead,.pricing-trust,.testimonial-ctaa,.layanan-group,.layanan-card,.portfolio-card,.testimonial-card{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.layanan-group,.layanan-card,.portfolio-card,.testimonial-card{border-color: rgba(15,77,119,0.12);box-shadow: 0 16px 34px rgba(11,58,91,0.1)}.layanan-group:hover,.layanan-card:hover,.portfolio-card:hover,.testimonial-card:hover{box-shadow: 0 20px 40px rgba(11,58,91,0.14)}@media (max-width: 992px){main section[id].section-shell::before{display: none}section.section-focus{animation: none !important}.navbar,.navbar.scrolled,.nav-menu{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}body.menu-open::before{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}body.page-transition,body.page-transition.page-ready{transform: none;filter: none}body.section-transitioning::after{display: none}.hero-content,.portfolio-lead,.pricing-trust,.testimonial-ctaa,.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.mobile-swipe-hint{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.logo-area img,.nav-menu a,.nav-menu a::after,.hero-image,.team-avatar::before,.team-avatar::after,.team-card img,.layanan-card,.blog-card,.testimonial-track{will-change: auto !important}.nav-menu{-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.dropdown>a,.dropdown-menu a{min-height: 48px}.dropdown-menu a{display: flex;align-items: center}.team-card{display: flex;flex-direction: column;align-items: center;min-height: 100%;gap: 10px}.team-card span{display: block;width: 100%;line-height: 1.6}.team-social{margin-top: auto;padding-top: 6px}.layanan-card{min-height: 100%;align-content: start}}@media (hover: none),(pointer: coarse){main section[id].section-shell::before{display: none !important}section.section-focus{animation: none !important}.scroll-progress{display: none !important}.hero-content,.portfolio-lead,.pricing-card,.kontak-card,.wa-popup{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.hero-image,.hero-image img,.about-card h3 i,.team-avatar::before,.team-avatar::after,.team-social a,.layanan-group,.layanan-card i,.pricing-card,.price,.mobile-swipe-hint,.kontak-card::before,.kontak-item i,.kontak-form input,.kontak-form textarea,.kontak-form select{animation: none !important}.hero-image img{filter: none !important}.hero-image,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.kontak-card{will-change: auto !important}.spotlight,.cursor-light{display: none !important}.team-avatar::before{animation: teamOrbitRing 10.8s linear infinite !important}.team-avatar::after{animation: teamOrbitRingReverse 7.8s linear infinite !important}.about-card:hover,.team-card:hover,.layanan-group:hover,.layanan-card:hover,.portfolio-card:hover,.pricing-card:hover,.blog-card:hover,.testimonial-card:hover,.kontak-card:hover{transform: none !important}.team-card img,.team-card:hover .team-avatar img{transform: none !important;-webkit-transform: none !important;filter: none !important}.team-social a:hover{transform: none !important}}@media (prefers-reduced-motion: reduce){.scroll-progress{display: none !important}*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}main section[id].section-shell,main section[id].section-swoop,.reveal,.blog-card{transform: none !important;opacity: 1 !important;filter: none !important}}@media (max-width: 768px){main section[id].section-shell{opacity: 1 !important;transform: none !important;filter: none !important}}.testimonial-track{will-change: auto}.testimonial-card{opacity: 1;transform: translateY(0)}.testimonial-card.active{opacity: 1}@media (min-width: 993px){.testimonial-slider,.testimonial-slider.testimonial-slider--mobile-swipe{padding: 4px 54px 0}.testimonial-slider--mobile-swipe .testimonial-track{overflow-x: hidden;padding: 8px 0 14px;scroll-snap-type: none;touch-action: pan-y}.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 calc((100% - 40px) / 3);min-width: 0;scroll-snap-align: none}}@media (max-width: 992px){.nav-menu{transition: opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;will-change: opacity,transform}.nav-menu a,.nav-menu>a,.dropdown>a{transition: background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}.nav-menu a:hover,.nav-menu a.active,.dropdown>a:hover,.dropdown>a.active{box-shadow: 0 8px 18px rgba(0,0,0,0.14)}.hamburger{transition: background-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}}.section-title p,.hero-content p,.portfolio-content p,.pricing-copy,.pricing-note,.testimonial-text,.kontak-helper{line-height: 1.8}.hero-content h1{max-width: 100%;line-height: 1.2;text-wrap: balance;overflow-wrap: anywhere}.hero-content h1 .hero-typewrite{display: block;margin-top: 10px;min-height: auto;white-space: normal;line-height: 1.35}.hero-local-seo{margin-top: 12px;font-size: 14px;line-height: 1.72;color: rgba(255,255,255,0.92)}.hero-local-seo strong{color: #ffe27a}.hero-buttons .btn-primary{background: linear-gradient(135deg,#ffe27a,#ffcc00);color: #0c2b44;border: 1px solid rgba(255,204,0,0.84);box-shadow: 0 14px 30px rgba(255,204,0,0.42)}.hero-buttons .btn-primary:hover{box-shadow: 0 18px 34px rgba(255,204,0,0.48)}.partner-strip{padding: 26px 0 22px;background: linear-gradient( 180deg,rgba(245,250,255,0.98) 0%,rgba(238,246,255,0.98) 100% );border-top: 1px solid rgba(15,77,119,0.08);border-bottom: 1px solid rgba(15,77,119,0.08)}.partner-strip-title{text-align: center;font-size: 14px;font-weight: 700;color: #2a4b67}.partner-strip-logos{margin-top: 14px;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 10px}.partner-strip-logos span{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;border-radius: 12px;border: 1px solid rgba(15,77,119,0.14);background: linear-gradient(140deg,#ffffff,#f5faff);color: #35536e;font-size: 12px;font-weight: 700;filter: grayscale(1)}.pricing-compare{margin-top: 26px;padding: 22px;border-radius: 18px;border: 1px solid rgba(15,77,119,0.14);background: linear-gradient(180deg,#ffffff,#f5faff);box-shadow: 0 14px 30px rgba(11,58,91,0.08)}.pricing-compare h3{font-size: 1.12rem;color: #12324b;margin-bottom: 12px}.pricing-compare-wrap{overflow-x: auto}.pricing-compare table{width: 100%;min-width: 640px;border-collapse: collapse}.pricing-compare th,.pricing-compare td{padding: 11px 12px;text-align: left;border-bottom: 1px solid rgba(15,77,119,0.12);color: #234661;font-size: 13.5px}.pricing-compare th{background: rgba(15,77,119,0.07);color: #0d3552;font-weight: 700}.portfolio-label{font-weight: 700}.portfolio-impact{margin-top: 10px;padding: 10px 12px;border-radius: 12px;border-left: 4px solid #ffcc00;background: rgba(255,204,0,0.12);color: #264864;font-size: 13.5px;line-height: 1.62}.privacy-note{margin-top: 8px;font-size: 12.8px;color: #567089;line-height: 1.64}.footer-https-note{margin: 4px 0 2px;font-size: 12.5px;color: rgba(255,255,255,0.92)}.client-img{object-fit: cover;object-position: center}.layanan-card{opacity: 1 !important}@media (max-width: 992px){main>section:not(#home){content-visibility: visible !important;contain-intrinsic-size: auto !important}main section[id].section-swoop{opacity: 1 !important;transform: none !important}}@media (max-width: 768px){.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.cta-btn{min-height: 50px}.partner-strip{padding: 22px 0 18px}.partner-strip-logos{grid-template-columns: repeat(2,minmax(0,1fr))}.pricing-compare{margin-top: 22px;padding: 16px}}@media (max-width: 430px){.hero-content h1{font-size: clamp(1.3rem,7vw,1.58rem) !important;line-height: 1.24 !important}.hero-content h1 .hero-typewrite{margin-top: 8px;font-size: 0.94em;line-height: 1.4}#layanan .layanan-group,#layanan .layanan-card{visibility: visible !important}}html{scroll-padding-top: 74px}body{font-family: "Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{content-visibility: auto}.reveal{transform: translate3d(0,18px,0);transition: opacity 0.42s ease,transform 0.54s cubic-bezier(0.22,1,0.36,1)}.reveal-left{transform: translate3d(-16px,10px,0)}.reveal-right{transform: translate3d(16px,10px,0)}.reveal-scale{transform: scale(0.985)}section,.partner-strip,.about,.layanan,.pricing-section,.portfolio,.blog-section,.testimonial-section,.kontak-section,.site-footer{content-visibility: auto;contain-intrinsic-size: auto 720px}#home{content-visibility: visible;contain-intrinsic-size: auto}@media (max-width: 992px){html{scroll-padding-top: 66px}section{scroll-margin-top: 66px}.nav-menu{top: 64px !important;width: 100vw !important;left: 0 !important;right: 0 !important;max-height: calc(100dvh - 64px) !important;border-radius: 0 0 18px 18px !important;transform: translateY(-8px) !important}.nav-menu.active{transform: translateY(0) !important}.reveal,.reveal-left,.reveal-right,.pricing-container>.reveal-auto:not(.active),.blog-container>.reveal-auto:not(.active),.footer-grid>.reveal-auto:not(.active){transform: translate3d(0,12px,0);transition-duration: 0.38s,0.46s}}@media (max-width: 430px){section,.partner-strip,.about,.layanan,.pricing-section,.portfolio,.blog-section,.testimonial-section,.kontak-section,.site-footer{contain-intrinsic-size: auto 640px}}#pricing-section .pricing-header,#pricing-section .mobile-swipe-hint,#pricing-section .pricing-container,#blog .blog-header,#blog .mobile-swipe-hint,#blog .blog-container{width: min(1120px,92%);margin-left: auto;margin-right: auto}#pricing-section .pricing-container,#blog .blog-container{align-items: stretch}.reveal{transform: translate3d(0,30px,0);transition: opacity 0.62s ease,transform 0.76s cubic-bezier(0.22,1,0.36,1);will-change: opacity,transform}.reveal-left{transform: translate3d(-28px,16px,0)}.reveal-right{transform: translate3d(28px,16px,0)}.pricing-container>.reveal-auto:not(.active):nth-child(odd),.blog-container>.reveal-auto:not(.active):nth-child(odd),.footer-grid>.reveal-auto:not(.active):nth-child(odd){transform: translate3d(-22px,20px,0)}.pricing-container>.reveal-auto:not(.active):nth-child(even),.blog-container>.reveal-auto:not(.active):nth-child(even),.footer-grid>.reveal-auto:not(.active):nth-child(even){transform: translate3d(22px,20px,0)}.reveal.active,.reveal.active.reveal-left,.reveal.active.reveal-right,.pricing-container>.reveal-auto.active,.blog-container>.reveal-auto.active,.footer-grid>.reveal-auto.active{transform: translate3d(0,0,0);will-change: auto}@media (max-width: 1100px){#pricing-section .pricing-container{width: min(100% - 48px,920px);grid-template-columns: repeat(2,minmax(0,1fr)) !important}#blog .blog-container{width: min(100% - 48px,920px);grid-template-columns: repeat(2,minmax(0,1fr))}#blog .blog-card--featured{grid-column: span 1}}@media (max-width: 768px){#pricing-section .pricing-header,#pricing-section .mobile-swipe-hint,#pricing-section .pricing-container,#blog .blog-header,#blog .mobile-swipe-hint,#blog .blog-container{width: min(100% - 32px,520px)}#pricing-section .pricing-container,#blog .blog-container{display: grid !important;grid-template-columns: minmax(0,1fr) !important;gap: 18px !important;overflow: visible !important;padding: 0 !important;scroll-snap-type: none !important;scroll-padding-left: 0 !important}#pricing-section .pricing-card,#blog .blog-card{width: 100% !important;max-width: none !important;min-width: 0 !important;flex: initial !important;flex-basis: auto !important}#blog .blog-card--featured{grid-column: auto}.pricing-card,.blog-card{box-shadow: 0 14px 30px rgba(4,23,38,0.18)}.site-footer{padding-top: 34px !important}.site-footer .footer-grid{width: min(100% - 32px,520px);grid-template-columns: 1fr !important;gap: 16px !important;padding-bottom: 18px}.footer-brand{max-width: none}.site-footer h3,.site-footer h4{margin-bottom: 7px;font-size: 1rem;line-height: 1.35}.site-footer p,.footer-links a,.footer-contact a{font-size: 13px;line-height: 1.65}.footer-links,.footer-contact{gap: 7px}.footer-social-links{gap: 8px}.footer-social-links a{width: 32px;height: 32px;background: rgba(255,255,255,0.1)}.footer-bottom{padding: 12px 16px calc(14px + env(safe-area-inset-bottom,0px))}.footer-bottom p{font-size: 12.5px}}@media (max-width: 430px){#pricing-section .pricing-header,#pricing-section .mobile-swipe-hint,#pricing-section .pricing-container,#blog .blog-header,#blog .mobile-swipe-hint,#blog .blog-container,.site-footer .footer-grid{width: min(100% - 28px,100%)}.reveal,.reveal-left,.reveal-right,.pricing-container>.reveal-auto:not(.active),.blog-container>.reveal-auto:not(.active),.footer-grid>.reveal-auto:not(.active){transform: translate3d(0,22px,0)}}*{font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.hero-image{animation: heroImageDrift 7s ease-in-out infinite;transform: translate3d(0,0,0);will-change: transform}.hero-image img{aspect-ratio: 507 / 492;animation: heroFloat 5.8s ease-in-out infinite;transform: translate3d(0,0,0)}@keyframes heroImageDrift{0%,100%{transform: translate3d(0,0,0)}50%{transform: translate3d(0,-8px,0)}}@media (max-width: 992px){.hero-image{animation-duration: 6.5s}.wa-floating{left: 14px !important;right: auto !important;bottom: calc(14px + env(safe-area-inset-bottom,0px)) !important}.wa-button{width: 54px;height: 54px}.wa-button::after{max-width: min(190px,calc(100vw - 88px));font-size: 12.5px}.reveal,.reveal-left,.reveal-right,.pricing-container>.reveal-auto:not(.active),.blog-container>.reveal-auto:not(.active),.footer-grid>.reveal-auto:not(.active){transform: translate3d(0,10px,0);transition-duration: 0.32s,0.42s}}@media (prefers-reduced-motion: reduce){.hero-image,.hero-image img{animation: none !important}}.layanan-price-link{display: inline-flex;align-items: center;justify-content: center;min-height: 40px;margin-top: 12px;padding: 10px 16px;border-radius: 999px;background: #ffd44a;color: #0b3a5b !important;border: 1px solid rgba(11,58,91,0.12);box-shadow: 0 10px 22px rgba(255,204,0,0.22);font-weight: 800;line-height: 1;text-decoration: none;transition: transform 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease}.layanan-price-link:hover,.layanan-price-link:focus-visible{background: #ffffff;color: #0b3a5b !important;box-shadow: 0 14px 26px rgba(11,58,91,0.16);transform: translate3d(0,-2px,0)}@media (max-width: 430px){.wa-floating,body .wa-floating{right: max(10px,env(safe-area-inset-right,0px)) !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important}.layanan-price-link{width: 100%;min-height: 44px;margin-top: 14px}}@media (max-width: 992px){.nav-menu a,.nav-menu>a,.dropdown>a,.dropdown-menu a{min-height: 48px;font-size: 15.5px;line-height: 1.25}.blog-card{padding: 0 !important}.blog-img{aspect-ratio: 4 / 3;height: auto;border-radius: 18px 18px 0 0;background: linear-gradient(135deg,#08263c,#0f4d77)}.blog-img img{object-fit: cover;object-position: center;transform: none;filter: saturate(1.04) contrast(1.02)}.blog-img::after{background: linear-gradient(180deg,rgba(5,25,41,0) 50%,rgba(5,25,41,0.28) 100%)}}@media (max-width: 768px){body{font-size: 15px;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}.section-title h2,.blog-header h2,.testimonial-header h2,.hero-content h1{letter-spacing: 0}.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-target,.pricing-range,.pricing-note,.pricing-market,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 15px;line-height: 1.7}.blog-category{font-size: 11.5px}.blog-content{padding: 18px 17px 20px}.blog-content h3,.portfolio-content h3{font-size: 1.14rem;line-height: 1.35}.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.hero-buttons a{min-height: 48px;font-size: 14.8px}}@media (max-width: 540px){.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-target,.pricing-range,.pricing-note,.pricing-market,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 14.8px}.blog-card{flex-basis: min(88vw,340px)}.blog-img{aspect-ratio: 1.12 / 1;border-radius: 18px 18px 0 0}}@media (max-width: 400px){.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.layanan-lead,.portfolio-lead,.portfolio-content p,.blog-content p,.testimonial-text,.kontak-item p,.kontak-item a,.layanan-points li,.pricing-card li{font-size: 14.5px}.blog-card{flex-basis: min(90vw,320px)}}#home{isolation: isolate;overflow: hidden}#home::before{content: '';position: absolute;inset: 0;z-index: -2;pointer-events: none;background: url('img/optimized/koteka-service-web-development-720.jpg') right center / min(64vw,760px) auto no-repeat;opacity: 0.76}#home::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(90deg,rgba(8,38,60,0.98) 0%,rgba(8,38,60,0.88) 42%,rgba(8,38,60,0.42) 100%),radial-gradient(circle at 16% 18%,rgba(255,204,0,0.2),transparent 30%),radial-gradient(circle at 88% 18%,rgba(123,215,255,0.12),transparent 34%),linear-gradient(135deg,rgba(8,38,60,0.68),rgba(11,58,91,0.54) 52%,rgba(15,77,119,0.48))}#home .hero-wrapper{position: relative;z-index: 1}@media (max-width: 768px){#home::before{background: url('img/optimized/koteka-service-web-development-480.jpg') center top / min(112vw,520px) auto no-repeat;opacity: 0.62}#home::after{background: linear-gradient(180deg,rgba(8,38,60,0.74),rgba(11,58,91,0.8) 50%,rgba(15,77,119,0.9)),radial-gradient(circle at 20% 18%,rgba(255,204,0,0.16),transparent 34%)}.hero-image,.hero-image img{animation: none !important;will-change: auto}}.navbar{--nav-glass: rgba(7,29,48,0.82);--nav-glass-strong: rgba(7,29,48,0.94);--nav-line: rgba(255,255,255,0.14);--nav-text: rgba(239,247,255,0.78);--nav-text-strong: #ffffff;--nav-accent: #ffd86b;--nav-accent-blue: #7bd7ff;--nav-green: #19d873;z-index: 1400;padding: 8px 0;background: linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0)),linear-gradient(135deg,rgba(7,29,48,0.9),var(--nav-glass) 52%,rgba(9,45,69,0.86));border-bottom: 1px solid var(--nav-line);box-shadow: 0 18px 46px rgba(3,16,28,0.24),inset 0 1px 0 rgba(255,255,255,0.1);-webkit-backdrop-filter: blur(18px) saturate(150%);backdrop-filter: blur(18px) saturate(150%);transition: padding 0.28s ease,background 0.28s ease,border-color 0.28s ease,box-shadow 0.28s ease}.navbar::before{content: '';position: absolute;inset: 0;pointer-events: none;background: linear-gradient(90deg,rgba(255,216,107,0),rgba(255,216,107,0.16),rgba(123,215,255,0));opacity: 0.72}.navbar::after{content: '';position: absolute;left: 50%;bottom: -1px;width: min(760px,74vw);height: 1px;pointer-events: none;background: linear-gradient(90deg,rgba(255,216,107,0),rgba(255,216,107,0.72),rgba(123,215,255,0.66),rgba(255,216,107,0));transform: translateX(-50%);opacity: 0.64}.navbar.scrolled{padding: 7px 0;background: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0)),linear-gradient(135deg,var(--nav-glass-strong),rgba(6,34,55,0.94) 56%,rgba(7,44,69,0.92));border-bottom-color: rgba(255,255,255,0.18);box-shadow: 0 22px 58px rgba(3,16,28,0.3),inset 0 1px 0 rgba(255,255,255,0.12);-webkit-backdrop-filter: blur(22px) saturate(165%);backdrop-filter: blur(22px) saturate(165%)}.nav-wrapper{min-height: 52px;position: relative;z-index: 1;gap: clamp(8px,1.2vw,16px)}.logo-area{min-width: 0;gap: 9px;padding: 4px 7px 4px 4px;border: 1px solid transparent;border-radius: 999px;background: transparent;transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease}.logo-area::before{left: 3px;width: 42px;height: 42px;background: radial-gradient(circle,rgba(255,216,107,0.26),rgba(255,216,107,0) 62%),radial-gradient(circle,rgba(123,215,255,0.18),rgba(123,215,255,0) 66%);opacity: 0.4}.logo-area img{width: 46px;height: 46px;border-radius: 0;object-fit: contain;image-rendering: auto;filter: drop-shadow(0 8px 16px rgba(0,0,0,0.18))}.logo-area span{color: #ffffff;font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: 14.5px;font-weight: 800;line-height: 1.1;letter-spacing: 0;white-space: nowrap}.logo-area:hover{background: rgba(255,255,255,0.065);border-color: rgba(255,255,255,0.12);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);transform: translateY(-1px)}.logo-area:hover span{color: #ffffff;text-shadow: none}.logo-area:hover img{transform: scale(1.02)}.nav-menu{align-items: center;gap: clamp(1px,0.45vw,6px);min-width: 0;padding: 4px;border: 1px solid rgba(255,255,255,0.1);border-radius: 999px;background: linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.025)),rgba(255,255,255,0.035);box-shadow: inset 0 1px 0 rgba(255,255,255,0.09),0 12px 28px rgba(2,15,27,0.12)}.nav-menu a{color: var(--nav-text);font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: clamp(11.6px,0.82vw,12.8px);font-weight: 600;line-height: 1;letter-spacing: 0;white-space: nowrap;text-shadow: none;transition: color 0.22s ease,background-color 0.22s ease,border-color 0.22s ease,transform 0.22s ease,opacity 0.22s ease}.nav-menu>a,.dropdown>a{min-height: 34px;padding: 0 clamp(7px,0.7vw,10px);gap: 5px;border-radius: 999px;border: 1px solid transparent}.nav-menu .menu-icon{display: inline-flex;width: 13px;flex: 0 0 13px;justify-content: center;color: rgba(123,215,255,0.82);font-size: 11.2px;opacity: 0.76;transform: translateY(0);transition: color 0.22s ease,opacity 0.22s ease,transform 0.22s ease}.nav-menu>a:hover,.dropdown>a:hover,.dropdown.open>a,.dropdown:focus-within>a{color: var(--nav-text-strong);background: rgba(255,255,255,0.06);border-color: rgba(255,255,255,0.08);text-shadow: none;transform: translateY(-1px)}.nav-menu>a:hover .menu-icon,.dropdown>a:hover .menu-icon,.dropdown.open>a .menu-icon,.dropdown:focus-within>a .menu-icon{color: var(--nav-accent);opacity: 1;transform: translateY(-0.5px)}.nav-menu>a.active,.dropdown>a.active{color: var(--nav-text-strong);font-weight: 800;letter-spacing: 0;background: transparent;border-color: transparent;text-shadow: none}.nav-menu>a.active .menu-icon,.dropdown>a.active .menu-icon{color: var(--nav-accent);opacity: 1}.nav-menu>a::after,.dropdown>a::after{left: 50%;bottom: 2px;width: 0;height: 2px;border-radius: 999px;background: linear-gradient(90deg,var(--nav-accent),var(--nav-accent-blue));box-shadow: 0 0 14px rgba(255,216,107,0.28);transform: translateX(-50%);transition: width 0.28s cubic-bezier(0.22,1,0.36,1),opacity 0.22s ease}.nav-menu>a:hover::after,.dropdown>a:hover::after,.dropdown.open>a::after,.dropdown:focus-within>a::after{width: calc(100% - 18px);opacity: 0.72}.nav-menu>a.active::after,.dropdown>a.active::after{width: calc(100% - 16px);opacity: 1}.dropdown{display: inline-flex;align-items: center}.dropdown-toggle span{margin: 0}.dropdown-caret-button{width: 21px;height: 21px;margin-left: 1px;background: rgba(255,255,255,0.065);border: 1px solid rgba(255,255,255,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}.nav-caret{color: rgba(239,247,255,0.72);font-size: 9px;opacity: 1}.dropdown.open .dropdown-caret-button,.dropdown:hover .dropdown-caret-button,.dropdown:focus-within .dropdown-caret-button{background: rgba(255,216,107,0.14);border-color: rgba(255,216,107,0.24);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12)}.dropdown.open .nav-caret,.dropdown:hover .nav-caret,.dropdown:focus-within .nav-caret{color: var(--nav-accent)}.dropdown::after{top: 100%;height: 16px}.dropdown-menu{top: calc(100% + 14px);left: 50%;z-index: 1500;min-width: 236px;padding: 8px;gap: 4px;border-radius: 16px;background: linear-gradient(180deg,rgba(255,255,255,0.98),rgba(246,250,255,0.96)),#ffffff;border: 1px solid rgba(11,58,91,0.12);box-shadow: 0 24px 60px rgba(3,16,28,0.28),0 8px 20px rgba(11,58,91,0.1),inset 0 1px 0 rgba(255,255,255,0.9);-webkit-backdrop-filter: blur(18px) saturate(140%);backdrop-filter: blur(18px) saturate(140%);pointer-events: none;transform: translate3d(-50%,10px,0) scale(0.98);transition: opacity 0.22s ease,visibility 0.22s ease,transform 0.28s cubic-bezier(0.22,1,0.36,1)}.dropdown-menu::before{content: '';position: absolute;top: -6px;left: 50%;width: 12px;height: 12px;border-top: 1px solid rgba(11,58,91,0.12);border-left: 1px solid rgba(11,58,91,0.12);background: rgba(255,255,255,0.98);transform: translateX(-50%) rotate(45deg)}.dropdown-menu a{display: flex;align-items: center;min-height: 40px;padding: 0 11px;border: 1px solid transparent;border-radius: 11px;color: #17324d;background: transparent;font-size: 13px;font-weight: 700;line-height: 1.15;gap: 9px;transform: none}.dropdown-menu .menu-icon,.dropdown-menu .sidebar-only-icon{display: inline-flex !important;color: #0f79ad;opacity: 0.82}.dropdown-menu a:hover,.dropdown-menu a.active{color: #08263c;background: linear-gradient(135deg,rgba(255,216,107,0.22),rgba(123,215,255,0.16));border-color: rgba(11,58,91,0.1);box-shadow: none;transform: translateX(2px)}.dropdown-menu a:hover .menu-icon,.dropdown-menu a.active .menu-icon{color: #0b3a5b;opacity: 1}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity: 1;visibility: visible;pointer-events: auto;transform: translate3d(-50%,0,0) scale(1)}.navbar .cta-btn{min-height: 40px;gap: 7px;padding: 0 14px 0 10px;border-radius: 999px;border: 1px solid rgba(180,255,214,0.48);background: linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0)),linear-gradient(135deg,#19d873,#0fbd61 54%,#0a9f52);color: #ffffff;font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: 12.3px;font-weight: 800;line-height: 1;letter-spacing: 0;box-shadow: 0 14px 30px rgba(0,200,83,0.26),inset 0 1px 0 rgba(255,255,255,0.26);transition: color 0.22s ease,transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease}.navbar .cta-btn::before{opacity: 0.16;transform: translateX(-36%) skewX(-18deg);transition: opacity 0.28s ease,transform 0.5s cubic-bezier(0.22,1,0.36,1)}.navbar .cta-btn::after{border-color: rgba(255,255,255,0.24)}.navbar .cta-btn .wa-icon{width: 17px;height: 17px;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.14))}.navbar .cta-btn span{color: inherit;white-space: nowrap}.navbar .cta-btn:hover{color: #ffffff;border-color: rgba(214,255,233,0.7);box-shadow: 0 18px 38px rgba(0,200,83,0.34),inset 0 1px 0 rgba(255,255,255,0.32);transform: translateY(-1px)}.navbar .cta-btn:hover::before{opacity: 0.28;transform: translateX(28%) skewX(-18deg)}.navbar .cta-btn:hover .wa-icon,.navbar .cta-btn:hover span{transform: none}.navbar .cta-btn:active{transform: translateY(0)}.hamburger{width: 42px;height: 42px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.16);background: linear-gradient(180deg,rgba(255,255,255,0.09),rgba(255,255,255,0.035)),rgba(255,255,255,0.045);box-shadow: 0 12px 26px rgba(3,16,28,0.18),inset 0 1px 0 rgba(255,255,255,0.1)}.hamburger:hover{background: rgba(255,255,255,0.09);transform: translateY(-1px)}.hamburger span{width: 18px;height: 2px;background: linear-gradient(90deg,#ffffff,#ffd86b)}@media (max-width: 1120px) and (min-width: 993px){.nav-wrapper{gap: 8px}.logo-area{gap: 7px}.logo-area img{width: 42px;height: 42px}.logo-area span{font-size: 13.2px}.nav-menu{gap: 1px;padding: 3px}.nav-menu>a,.dropdown>a{min-height: 32px;padding: 0 6px}.nav-menu a{font-size: 11.4px}.nav-menu .menu-icon{display: none !important}.navbar .cta-btn{min-height: 38px;padding: 0 11px;font-size: 11.5px}}@media (max-width: 992px){body.menu-open::before{z-index: 1390;background: rgba(3,15,27,0.56);-webkit-backdrop-filter: none;backdrop-filter: none}.navbar,.navbar.scrolled{padding: 8px 0;background: linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0)),linear-gradient(135deg,rgba(7,29,48,0.96),rgba(7,37,59,0.94));-webkit-backdrop-filter: none;backdrop-filter: none}.nav-wrapper{min-height: 48px;gap: 10px}.logo-area{padding: 3px 7px 3px 3px}.logo-area img{width: 42px;height: 42px}.logo-area::before{width: 40px;height: 40px}.logo-area span{max-width: 150px;font-size: 13.4px;overflow: hidden;text-overflow: ellipsis}.hamburger{display: inline-flex;position: relative;z-index: 1420;flex: 0 0 42px;margin-left: auto;border-color: rgba(255,255,255,0.24);background: linear-gradient(180deg,rgba(255,255,255,0.14),rgba(255,255,255,0.055)),rgba(255,255,255,0.08)}.hamburger span{width: 19px;background: #ffffff;box-shadow: 0 0 10px rgba(255,216,107,0.28)}.hamburger.active{border-color: rgba(255,216,107,0.38);background: rgba(255,216,107,0.14)}.nav-menu{position: fixed;top: 66px !important;left: max(12px,env(safe-area-inset-left,0px)) !important;right: max(12px,env(safe-area-inset-right,0px)) !important;z-index: 1410;width: auto !important;max-height: calc(100dvh - 82px) !important;display: grid;gap: 2px;padding: 10px !important;overflow-y: auto;border-radius: 18px !important;border: 1px solid rgba(255,255,255,0.14);background: linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.025)),linear-gradient(160deg,rgba(7,29,48,0.98),rgba(8,38,60,0.96));box-shadow: 0 24px 62px rgba(3,16,28,0.42),inset 0 1px 0 rgba(255,255,255,0.1);opacity: 0;visibility: hidden;pointer-events: none;transform: translate3d(0,-10px,0) scale(0.985) !important;transform-origin: top center;transition: opacity 0.22s ease,visibility 0.22s ease,transform 0.28s cubic-bezier(0.22,1,0.36,1)}.nav-menu.active{opacity: 1;visibility: visible;pointer-events: auto;transform: translate3d(0,0,0) scale(1) !important}.nav-menu a,.nav-menu>a,.dropdown>a,.dropdown-menu a{min-height: 46px;width: 100%;padding: 0 11px;border: 1px solid transparent;border-radius: 12px;background: transparent;color: rgba(239,247,255,0.8);font-size: 14.5px;font-weight: 700;line-height: 1.2;transform: none;box-shadow: none}.nav-menu>a,.dropdown>a{display: flex;gap: 10px}.nav-menu .menu-icon{display: inline-flex !important;width: 18px;flex: 0 0 18px;color: rgba(123,215,255,0.82);font-size: 13px}.nav-menu>a::after,.dropdown>a::after{display: block;left: 0;top: 12px;bottom: 12px;width: 3px;height: auto;border-radius: 999px;background: linear-gradient(180deg,var(--nav-accent),var(--nav-accent-blue));box-shadow: 0 0 14px rgba(255,216,107,0.24);opacity: 0;transform: none}.nav-menu>a:hover::after,.dropdown>a:hover::after,.dropdown.open>a::after,.dropdown:focus-within>a::after{width: 3px;opacity: 0.62}.nav-menu>a.active::after,.dropdown>a.active::after{width: 3px;opacity: 1}.nav-menu a:hover,.nav-menu a.active,.dropdown>a:hover,.dropdown>a.active,.dropdown.open>a{color: #ffffff;background: rgba(255,255,255,0.055);border-color: rgba(255,255,255,0.07);box-shadow: none;text-shadow: none}.nav-menu a.active,.dropdown>a.active{color: #ffe7a3;font-weight: 800;background: transparent;border-color: transparent}.nav-menu a:hover .menu-icon,.nav-menu a.active .menu-icon,.dropdown.open>a .menu-icon{color: var(--nav-accent);transform: none}.dropdown{display: grid;gap: 2px}.dropdown::after,.dropdown-menu::before{display: none}.dropdown-toggle span{margin-right: 0}.dropdown-toggle>span:first-of-type{flex: 1}.dropdown-caret-button{width: 30px;height: 30px;margin-left: auto}.dropdown-menu{position: static;min-width: 0;max-height: 0;gap: 2px;margin: 0;padding: 0 0 0 26px !important;overflow: hidden;border: 0;border-left: 1px solid rgba(123,215,255,0.22);border-radius: 0;background: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;opacity: 0;visibility: visible;pointer-events: none;transform: none !important;transition: max-height 0.28s ease,opacity 0.22s ease,padding-top 0.28s ease,padding-bottom 0.28s ease}.dropdown.open .dropdown-menu{max-height: 260px;padding-top: 4px !important;padding-bottom: 5px !important;opacity: 1;pointer-events: auto;transform: none !important}.dropdown-menu a{min-height: 42px;padding: 0 10px;color: rgba(239,247,255,0.74);font-size: 14px;font-weight: 700}.dropdown-menu a:hover,.dropdown-menu a.active{color: #ffffff;background: rgba(255,255,255,0.055);border-color: transparent;transform: none}.dropdown-menu a.active{color: #ffe7a3;background: transparent}}@media (max-width: 540px){.navbar,.navbar.scrolled{padding: 7px 0}.nav-wrapper{min-height: 46px}.logo-area img{width: 39px;height: 39px}.logo-area::before{width: 37px;height: 37px}.logo-area span{max-width: 132px;font-size: 12.7px}.hamburger{width: 40px;height: 40px;flex-basis: 40px;border-radius: 13px}.nav-menu{top: 61px !important;left: 10px !important;right: 10px !important;max-height: calc(100dvh - 73px) !important;padding: 9px !important;border-radius: 16px !important}.nav-menu a,.nav-menu>a,.dropdown>a{min-height: 44px;padding: 0 10px;font-size: 14.2px}.dropdown-menu a{min-height: 40px;font-size: 13.8px}}.nav-menu .menu-icon,.dropdown-menu .menu-icon,.dropdown-menu .sidebar-only-icon{display: none !important}.wa-floating,body .wa-floating{left: max(18px,env(safe-area-inset-left,0px)) !important;right: auto !important;bottom: calc(18px + env(safe-area-inset-bottom,0px)) !important;z-index: 1350;align-items: flex-start;gap: 10px;opacity: 1 !important;transform: translate3d(0,0,0)}.wa-popup{position: relative;width: min(292px,calc(100vw - 36px));max-width: none;padding: 13px 15px 14px;border-radius: 16px;border: 1px solid rgba(11,58,91,0.14);background: linear-gradient(180deg,rgba(255,255,255,0.98),rgba(244,250,255,0.96)),#ffffff;color: #12324b;box-shadow: 0 20px 46px rgba(3,16,28,0.18),0 8px 18px rgba(11,58,91,0.08),inset 0 1px 0 rgba(255,255,255,0.86);opacity: 0;transform: translate3d(0,10px,0) scale(0.98);pointer-events: none;transition: opacity 0.28s ease,transform 0.34s cubic-bezier(0.22,1,0.36,1)}.wa-popup::before{content: '';position: absolute;left: 22px;bottom: -6px;width: 12px;height: 12px;border-right: 1px solid rgba(11,58,91,0.12);border-bottom: 1px solid rgba(11,58,91,0.12);background: rgba(244,250,255,0.98);transform: rotate(45deg)}.wa-popup strong,.wa-popup span{display: block}.wa-popup strong{margin-bottom: 4px;color: #08263c;font-size: 13.5px;font-weight: 800;line-height: 1.2}.wa-popup span{color: #49627b;font-size: 12.8px;font-weight: 600;line-height: 1.55}.wa-popup.show{opacity: 1;transform: translate3d(0,0,0) scale(1)}.wa-button{width: 56px;height: 56px;border: 1px solid rgba(180,255,214,0.52);background: linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0)),linear-gradient(135deg,#19d873,#0fbd61 56%,#0a9f52);box-shadow: 0 18px 34px rgba(0,200,83,0.34),0 8px 18px rgba(3,16,28,0.14),inset 0 1px 0 rgba(255,255,255,0.24);transition: transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease}.wa-button::after{display: none}.wa-button img{width: 29px;height: 29px;filter: drop-shadow(0 5px 9px rgba(0,0,0,0.16))}.wa-button:hover,.wa-button:focus-visible{border-color: rgba(214,255,233,0.72);box-shadow: 0 22px 42px rgba(0,200,83,0.42),0 10px 20px rgba(3,16,28,0.16),inset 0 1px 0 rgba(255,255,255,0.3);transform: translate3d(0,-2px,0)}.wa-badge{top: 7px;right: 6px;width: 10px;height: 10px;background: #ffd86b;border: 2px solid #ffffff;box-shadow: 0 0 0 4px rgba(255,216,107,0.18)}.wa-floating.bounce .wa-button{animation: waPremiumPulse 0.76s cubic-bezier(0.22,1,0.36,1)}@keyframes waPremiumPulse{0%,100%{transform: translate3d(0,0,0) scale(1)}44%{transform: translate3d(0,-5px,0) scale(1.035)}}@media (max-width: 992px){.wa-floating,body .wa-floating{left: max(14px,env(safe-area-inset-left,0px)) !important;right: auto !important;bottom: calc(14px + env(safe-area-inset-bottom,0px)) !important}.wa-popup{width: min(262px,calc(100vw - 28px));padding: 12px 13px}.wa-popup strong{font-size: 13px}.wa-popup span{font-size: 12.4px}.wa-button{width: 52px;height: 52px}.wa-button img{width: 27px;height: 27px}}@media (max-width: 430px){.wa-floating,body .wa-floating{left: max(10px,env(safe-area-inset-left,0px)) !important;right: auto !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important}.wa-popup{width: min(246px,calc(100vw - 20px))}}#home.hero{--hero-white: #f8fbff;--hero-muted: rgba(230,241,255,0.84);--hero-soft: rgba(230,241,255,0.68);--hero-gold: #ffd86b;--hero-cyan: #7bd7ff;position: relative;display: flex;align-items: center;min-height: 100svh;padding: 134px 0 90px;overflow: hidden;isolation: isolate;color: var(--hero-white);background: #06111d;opacity: 0;transform: translate3d(0,18px,0) scale(0.992);transition: opacity 0.72s ease,transform 0.9s cubic-bezier(0.22,1,0.36,1)}#home.hero.active{opacity: 1;transform: translate3d(0,0,0) scale(1)}#home.hero::before{content: '';position: absolute;inset: 0;z-index: 0;pointer-events: none;background: url('img/optimized/koteka-hero-digital-bg-1600.jpg') center center / cover no-repeat;opacity: 0.72;filter: saturate(1.08) contrast(1.04);transform: scale(1.012);transform-origin: center}#home.hero::after{content: '';position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient(90deg,rgba(3,12,22,0.98) 0%,rgba(5,19,32,0.91) 34%,rgba(5,20,34,0.6) 62%,rgba(3,12,22,0.86) 100%),linear-gradient(180deg,rgba(2,8,15,0.76) 0%,rgba(2,8,15,0.16) 38%,rgba(2,8,15,0.74) 100%),linear-gradient(135deg,rgba(21,112,160,0.34) 0%,rgba(21,112,160,0) 46%,rgba(255,216,107,0.14) 100%)}#home .hero-wrapper{position: relative;z-index: 2;width: min(1180px,92%);max-width: 100%;min-width: 0;min-height: min(620px,calc(100svh - 206px));display: grid;grid-template-columns: minmax(0,1.2fr) minmax(310px,0.8fr);gap: 56px;align-items: center}#home .hero-wrapper::after{content: '';position: absolute;left: 0;right: 0;bottom: -34px;height: 1px;pointer-events: none;background: linear-gradient(90deg,rgba(255,216,107,0),rgba(255,216,107,0.52),rgba(123,215,255,0.44),rgba(255,216,107,0));opacity: 0.76}#home .hero-content{position: relative;display: flex;flex-direction: column;align-items: flex-start;width: 100%;min-width: 0;max-width: 760px;margin-top: 0;padding: 0;overflow: visible;border: 0;border-radius: 0;background: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}#home .hero-content::before{content: '';position: static;inset: auto;display: block;width: 84px;height: 2px;margin-bottom: 24px;border-radius: 999px;background: linear-gradient(90deg,var(--hero-gold),var(--hero-cyan));box-shadow: 0 0 28px rgba(255,216,107,0.38)}#home .hero-content h1{max-width: 760px;margin: 0;color: #ffffff;font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: 3.45rem;font-weight: 850;font-variation-settings: "wght" 850;line-height: 1.02;letter-spacing: 0;text-wrap: balance;width: 100%;overflow-wrap: normal;text-shadow: 0 20px 54px rgba(0,0,0,0.46)}#home .hero-content h1 .hero-typewrite{display: block;min-height: 1.08em;margin-top: 12px;color: var(--hero-gold);font-size: 0.82em;line-height: 1.12;background: linear-gradient(90deg,#fff2bd 0%,var(--hero-gold) 42%,var(--hero-cyan) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 10px 28px rgba(255,216,107,0.18));white-space: normal}#home .hero-content h1 .hero-typewrite::after{width: 2px;height: 0.78em;margin-left: 7px;background: var(--hero-gold);vertical-align: -0.02em;box-shadow: 0 0 14px rgba(255,216,107,0.72)}#home .hero-content p{max-width: 680px;margin-top: 20px;color: var(--hero-muted);font-size: 1.03rem;line-height: 1.76;letter-spacing: 0;text-shadow: 0 12px 32px rgba(0,0,0,0.36)}#home .hero-local-seo{max-width: 640px;margin-top: 18px;padding-left: 16px;border-left: 2px solid rgba(255,216,107,0.58);color: var(--hero-soft);font-size: 0.95rem;line-height: 1.76}#home .hero-local-seo strong{color: #fff0b8;font-weight: 800}#home .hero-buttons{order: 3;justify-content: flex-start;gap: 14px;margin-top: 28px}#home .hero-content h1{order: 1}#home .hero-content>p:not(.hero-local-seo){order: 2}#home .hero-local-seo{order: 4}#home .hero-social{order: 5}#home .hero-buttons .btn-primary,#home .hero-buttons .btn-secondary{position: relative;min-height: 54px;max-width: 100%;padding: 0 24px;overflow: hidden;border-radius: 999px;font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: 0.96rem;font-weight: 800;letter-spacing: 0;isolation: isolate;transform: translate3d(0,0,0);transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s cubic-bezier(0.22,1,0.36,1),border-color 0.28s ease,background-color 0.28s ease,color 0.28s ease}#home .hero-buttons .btn-primary{border: 1px solid rgba(255,236,172,0.82);color: #071d30;background: linear-gradient(180deg,rgba(255,255,255,0.28),rgba(255,255,255,0)),linear-gradient(135deg,#fff2bd 0%,var(--hero-gold) 48%,#ffbd2e 100%);box-shadow: 0 20px 44px rgba(255,184,46,0.26),0 8px 18px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.44)}#home .hero-buttons .btn-primary::before,#home .hero-buttons .btn-secondary::before{content: '';position: absolute;inset: -36% -48%;z-index: 0;pointer-events: none;background: linear-gradient(115deg,transparent 34%,rgba(255,255,255,0.38) 50%,transparent 66%);opacity: 0;transform: translateX(-46%) rotate(8deg);transition: opacity 0.28s ease,transform 0.62s cubic-bezier(0.22,1,0.36,1)}#home .hero-buttons .btn-secondary{border: 1px solid rgba(248,251,255,0.24);color: #f8fbff;background: rgba(255,255,255,0.075);box-shadow: 0 16px 36px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.12);-webkit-backdrop-filter: blur(14px) saturate(135%);backdrop-filter: blur(14px) saturate(135%)}#home .hero-buttons .btn-primary:hover,#home .hero-buttons .btn-primary:focus-visible,#home .hero-buttons .btn-secondary:hover,#home .hero-buttons .btn-secondary:focus-visible{transform: translate3d(0,-3px,0)}#home .hero-buttons .btn-primary:hover,#home .hero-buttons .btn-primary:focus-visible{box-shadow: 0 26px 58px rgba(255,184,46,0.34),0 10px 22px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.52)}#home .hero-buttons .btn-secondary:hover,#home .hero-buttons .btn-secondary:focus-visible{border-color: rgba(123,215,255,0.58);color: #ffffff;background: rgba(123,215,255,0.13);box-shadow: 0 22px 48px rgba(0,0,0,0.24),0 0 0 1px rgba(123,215,255,0.08) inset}#home .hero-buttons .btn-primary:hover::before,#home .hero-buttons .btn-primary:focus-visible::before,#home .hero-buttons .btn-secondary:hover::before,#home .hero-buttons .btn-secondary:focus-visible::before{opacity: 1;transform: translateX(44%) rotate(8deg)}#home .hero-social{justify-content: flex-start;gap: 11px;margin-top: 24px}#home .hero-social a{width: 42px;height: 42px;border: 1px solid rgba(248,251,255,0.2);color: rgba(248,251,255,0.9);background: rgba(255,255,255,0.07);box-shadow: 0 14px 30px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.1);-webkit-backdrop-filter: blur(12px) saturate(130%);backdrop-filter: blur(12px) saturate(130%)}#home .hero-social a:hover,#home .hero-social a:focus-visible{color: #071d30;background: var(--hero-gold);border-color: rgba(255,216,107,0.74);box-shadow: 0 18px 38px rgba(255,184,46,0.28),0 8px 18px rgba(0,0,0,0.2);transform: translate3d(0,-3px,0) scale(1.035)}#home .hero-image{position: relative;justify-self: end;width: min(40vw,470px);min-width: 320px;aspect-ratio: 1;display: grid;place-items: center;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;transform: translate3d(0,0,0);animation: heroImageDrift 7.4s ease-in-out infinite}#home .hero-image::before{content: '';position: absolute;inset: 9% 2% 7% 8%;border: 1px solid rgba(255,255,255,0.18);border-radius: 8px;background: linear-gradient(150deg,rgba(255,255,255,0.16),rgba(255,255,255,0.035)),linear-gradient(135deg,rgba(123,215,255,0.1),rgba(255,216,107,0.08));box-shadow: 0 34px 86px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.14);transform: perspective(900px) rotateY(-8deg) rotateX(4deg) skewY(-1deg);-webkit-backdrop-filter: blur(10px) saturate(125%);backdrop-filter: blur(10px) saturate(125%)}#home .hero-image::after{content: '';position: absolute;inset: 18% 0 16% 18%;border: 1px solid rgba(123,215,255,0.22);border-radius: 8px;opacity: 0.72;transform: perspective(900px) rotateY(-10deg) rotateX(4deg) translate3d(10px,-10px,0)}#home .hero-image img{position: relative;z-index: 1;width: min(90%,430px);aspect-ratio: 507 / 417;object-fit: contain;margin-inline: auto;filter: drop-shadow(0 28px 48px rgba(0,0,0,0.34)) saturate(1.06);animation: heroFloat 5.8s ease-in-out infinite}@media (min-width: 1440px){#home .hero-content h1{font-size: 3.75rem}}@media (max-width: 1200px){#home .hero-wrapper{gap: 46px;grid-template-columns: minmax(0,1.16fr) minmax(290px,0.84fr)}#home .hero-content h1{font-size: 3.12rem}}@media (max-width: 992px){#home.hero{padding: 126px 0 82px}#home.hero::before{background-position: center top;opacity: 0.62}#home.hero::after{background: linear-gradient(180deg,rgba(3,12,22,0.93) 0%,rgba(5,19,32,0.78) 42%,rgba(3,12,22,0.94) 100%),linear-gradient(135deg,rgba(21,112,160,0.28),rgba(255,216,107,0.1))}#home .hero-wrapper{min-height: auto;grid-template-columns: 1fr;gap: 46px;text-align: center}#home .hero-wrapper::after{left: 12%;right: 12%;bottom: -22px}#home .hero-content{max-width: 760px;margin-inline: auto;align-items: center}#home .hero-content::before{margin-inline: auto}#home .hero-content h1{max-width: 760px;font-size: 3.1rem}#home .hero-content p,#home .hero-local-seo{margin-left: auto;margin-right: auto}#home .hero-local-seo{padding-left: 0;padding-top: 14px;border-left: 0;border-top: 2px solid rgba(255,216,107,0.48)}#home .hero-buttons,#home .hero-social{justify-content: center}#home .hero-image{justify-self: center;width: min(68vw,390px);min-width: 0}}@media (max-width: 640px){#home.hero{min-height: auto;padding: 116px 0 70px}#home .hero-wrapper{width: min(100% - 32px,520px);gap: 34px}#home .hero-content::before{width: 68px;margin-bottom: 18px}#home .hero-content h1{max-width: 10.8em;margin-inline: auto;font-size: 1.88rem;line-height: 1.08;text-wrap: wrap;overflow-wrap: break-word}#home .hero-content h1 .hero-typewrite{margin-top: 10px;font-size: 0.78em}#home .hero-content p{max-width: 34ch;margin-top: 20px;font-size: 0.96rem;line-height: 1.76}#home .hero-local-seo{max-width: 34ch;font-size: 0.88rem}#home .hero-buttons{width: 100%;max-width: 300px;margin-left: auto;margin-right: auto;margin-top: 28px}#home .hero-buttons .btn-primary,#home .hero-buttons .btn-secondary{width: 100%;min-height: 52px;flex: 0 1 auto}#home .hero-social{margin-top: 22px}#home .hero-image{width: min(82vw,320px)}#home .hero-image::before{inset: 10% 3% 8%}}@media (max-width: 380px){#home .hero-content h1{font-size: 1.74rem}#home .hero-content p{font-size: 0.95rem}}@media (prefers-reduced-motion: reduce){#home.hero,#home .hero-buttons .btn-primary,#home .hero-buttons .btn-secondary,#home .hero-social a{transition-duration: 0.01ms !important}}:root{--premium-ink: #071d30;--premium-ink-2: #102f49;--premium-muted: #5b6f84;--premium-line: rgba(15,77,119,0.13);--premium-line-dark: rgba(255,255,255,0.13);--premium-gold: #ffd86b;--premium-gold-2: #ffbd2e;--premium-cyan: #7bd7ff;--premium-green: #19d873;--premium-soft: #f5f9ff;--premium-shadow: 0 20px 54px rgba(7,29,48,0.12);--premium-shadow-dark: 0 24px 64px rgba(0,0,0,0.24);--premium-radius: 8px;--premium-ease: cubic-bezier(0.22,1,0.36,1)}#about,#layanan,#pricing-section,#portfolio,#blog,#testimoni,#kontak{position: relative;isolation: isolate;overflow: hidden;padding-block: clamp(82px,8vw,124px)}#about::before,#layanan::before,#pricing-section::before,#portfolio::before,#blog::before,#testimoni::before,#kontak::before{content: '';position: absolute;inset: 0;z-index: -2;pointer-events: none}#about::after,#layanan::after,#pricing-section::after,#portfolio::after,#blog::after,#testimoni::after,#kontak::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;opacity: 0.72;background: linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size: 88px 88px;mask-image: linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}#about::before,#pricing-section::before,#blog::before,#kontak::before{background: linear-gradient(135deg,rgba(255,216,107,0.12),rgba(123,215,255,0.08) 42%,rgba(25,216,115,0.07)),repeating-linear-gradient(135deg,rgba(15,77,119,0.045) 0 1px,transparent 1px 18px),linear-gradient(180deg,#ffffff 0%,#f7fbff 56%,#edf5ff 100%)}#about::after,#pricing-section::after,#blog::after,#kontak::after{background: linear-gradient(90deg,rgba(15,77,119,0.045) 1px,transparent 1px),linear-gradient(180deg,rgba(15,77,119,0.04) 1px,transparent 1px)}#layanan::before,#portfolio::before,#testimoni::before{background: linear-gradient(135deg,rgba(255,216,107,0.14),rgba(123,215,255,0.08) 38%,rgba(25,216,115,0.08)),repeating-linear-gradient(135deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 20px),linear-gradient(155deg,#06111d 0%,#08263c 46%,#0c496f 100%)}#about .container,#layanan .container,#portfolio .container,#kontak .container,#pricing-section .pricing-header,#pricing-section .pricing-container,#pricing-section .pricing-compare,#pricing-section .pricing-bottom-note,#blog .blog-header,#blog .blog-container,#testimoni .testimonial-header,#testimoni .testimonial-slider{position: relative;z-index: 1}#about .container,#layanan .container,#portfolio .container,#kontak .container{width: min(1160px,92%)}.section-title,.blog-header,.testimonial-header{max-width: 820px;margin: 0 auto clamp(34px,4.6vw,56px);text-align: center}.section-title h2,.blog-header h2,.testimonial-header h2{max-width: 780px;margin-inline: auto;padding-bottom: 16px;color: var(--premium-ink);font-family: Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size: clamp(2rem,4vw,3.25rem);font-weight: 850;font-variation-settings: "wght" 850;line-height: 1.08;letter-spacing: 0;text-wrap: balance}.section-title h2::after,.blog-header h2::after,.testimonial-header h2::after{bottom: 0;width: min(138px,48%);height: 2px;background: linear-gradient(90deg,rgba(255,216,107,0),var(--premium-gold),var(--premium-cyan),rgba(123,215,255,0));box-shadow: 0 0 26px rgba(255,216,107,0.25);animation: none}.section-title p,.blog-header p,.testimonial-header p,.layanan-lead,.portfolio-lead,.pricing-trust,.pricing-copy,.pricing-note,.pricing-bottom-note,.kontak-helper,.privacy-note{color: var(--premium-muted);font-size: 1rem;line-height: 1.82;letter-spacing: 0}#layanan .section-title h2,#portfolio .section-title h2,#testimoni .testimonial-header h2{color: #ffffff;text-shadow: 0 18px 42px rgba(0,0,0,0.3)}#layanan .section-title p,#portfolio .section-title p,#testimoni .testimonial-header p,#layanan .layanan-lead,#portfolio .portfolio-lead{color: rgba(230,241,255,0.84)}.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.pricing-compare,.testimonial-ctaa{border-radius: var(--premium-radius);transform: translate3d(0,0,0);transition: transform 0.36s var(--premium-ease),box-shadow 0.36s var(--premium-ease),border-color 0.36s ease,background-color 0.36s ease,filter 0.36s ease}.about-card:hover,.team-card:hover,.layanan-group:hover,.layanan-card:hover,.portfolio-card:hover,.pricing-card:hover,.blog-card:hover,.testimonial-card:hover,.kontak-card:hover,.pricing-compare:hover{transform: translate3d(0,-6px,0)}.about-card,.team-card,.pricing-card,.blog-card,.kontak-card,.pricing-compare{border: 1px solid var(--premium-line);background: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(247,251,255,0.9)),#ffffff;box-shadow: var(--premium-shadow)}.about-card:hover,.team-card:hover,.pricing-card:hover,.blog-card:hover,.kontak-card:hover,.pricing-compare:hover{border-color: rgba(15,77,119,0.23);box-shadow: 0 28px 74px rgba(7,29,48,0.16)}.layanan-group,.layanan-card,.portfolio-card,.testimonial-card,.testimonial-ctaa{border: 1px solid var(--premium-line-dark);background: linear-gradient(180deg,rgba(255,255,255,0.11),rgba(255,255,255,0.045)),rgba(255,255,255,0.05);box-shadow: var(--premium-shadow-dark);-webkit-backdrop-filter: blur(14px) saturate(135%);backdrop-filter: blur(14px) saturate(135%)}.layanan-group:hover,.layanan-card:hover,.portfolio-card:hover,.testimonial-card:hover{border-color: rgba(123,215,255,0.3);box-shadow: 0 30px 80px rgba(0,0,0,0.3)}#about .container>.about-card{padding: clamp(26px,4vw,42px)}#about .container>.about-card:first-of-type{display: grid;gap: 12px;max-width: 980px;margin-inline: auto}.about-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;margin-top: 22px}.about-card{overflow: hidden;padding: clamp(24px,3vw,34px)}.about-card::before{height: 2px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan))}.about-card::after{background: linear-gradient(135deg,rgba(255,216,107,0.12),rgba(123,215,255,0.09)),linear-gradient(90deg,transparent,rgba(255,255,255,0.44),transparent);opacity: 0}.about-card h3,.team-section h3,.kontak-card h3{color: var(--premium-ink);font-size: clamp(1.25rem,2vw,1.55rem);font-weight: 850;line-height: 1.22;letter-spacing: 0}.about-card h3 i{width: 44px;height: 44px;margin-right: 10px;border-radius: 8px;color: var(--premium-ink);background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 14px 30px rgba(255,184,46,0.22)}.about-card p,.about-card li{color: #40576f;font-size: 0.98rem;line-height: 1.86}.about-card li{padding-left: 22px}.about-card li::before{top: 0.75em;width: 7px;height: 7px;background: linear-gradient(135deg,var(--premium-gold),var(--premium-cyan));box-shadow: 0 0 0 5px rgba(255,216,107,0.12)}.team-section{margin-top: clamp(34px,5vw,58px)}.team-section>h3{margin-bottom: 24px;text-align: center}.team-grid{gap: 18px}.team-card{overflow: hidden;padding: 26px 22px;text-align: center}.team-avatar{width: 112px;height: 112px;margin-inline: auto;padding: 4px;border-radius: 50%;background: linear-gradient(135deg,var(--premium-gold),var(--premium-cyan));box-shadow: 0 20px 42px rgba(7,29,48,0.14)}.team-avatar img{width: 100%;height: 100%;border-radius: inherit;object-fit: cover;border: 3px solid #ffffff}.team-card h4{margin-top: 18px;color: var(--premium-ink);font-size: 1.14rem;font-weight: 850}.team-card span{color: var(--premium-muted);line-height: 1.58}.team-social{margin-top: 18px;gap: 8px}.team-social a{width: 38px;height: 38px;border: 1px solid rgba(15,77,119,0.12);border-radius: 50%;color: var(--premium-ink);background: rgba(15,77,119,0.05);transition: transform 0.28s var(--premium-ease),background-color 0.28s ease,color 0.28s ease,box-shadow 0.28s ease}.team-social a:hover{color: #071d30;background: var(--premium-gold);transform: translate3d(0,-3px,0);box-shadow: 0 14px 28px rgba(255,184,46,0.24)}.layanan-lead,.portfolio-lead{max-width: 860px;margin: 0 auto clamp(28px,4vw,44px);text-align: center}#layanan .layanan-lead{padding: 24px 30px;border: 1px solid rgba(255,255,255,0.14);border-left: 3px solid var(--premium-gold);border-radius: 8px;color: rgba(230,241,255,0.86);background: linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045)),rgba(255,255,255,0.055);box-shadow: 0 24px 60px rgba(0,0,0,0.22);-webkit-backdrop-filter: blur(14px) saturate(135%);backdrop-filter: blur(14px) saturate(135%)}#layanan .layanan-lead a{margin-top: 18px}.layanan-groups{gap: clamp(24px,4vw,38px)}.layanan-group{padding: clamp(24px,3vw,34px)}.layanan-group::before{height: 2px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan),transparent);opacity: 0.88}.layanan-group-head{align-items: flex-start;gap: 14px;margin-bottom: 24px}.layanan-group-pill,.portfolio-label,.blog-category,.popular-badge{border-radius: 999px;letter-spacing: 0}.layanan-group-pill{border: 1px solid rgba(255,216,107,0.28);color: #fff4c3;background: rgba(255,216,107,0.1)}.layanan-group-head h3{color: #ffffff;font-size: clamp(1.38rem,2.5vw,2rem);font-weight: 850;line-height: 1.15}.layanan-group-head p{max-width: 720px;color: rgba(230,241,255,0.76);line-height: 1.78}.layanan-grid{grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 14px;align-items: stretch}.layanan-card{min-height: 100%;padding: 24px 22px}.layanan-card::before{background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan));opacity: 0}.layanan-card:hover::before{opacity: 1}.layanan-card i{width: 48px;height: 48px;border-radius: 8px;color: var(--premium-ink);background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 16px 34px rgba(255,184,46,0.22)}.layanan-card h4{min-height: 2.7em;color: #ffffff;font-size: 1.06rem;font-weight: 850;line-height: 1.32}.layanan-points{display: grid;gap: 9px;margin-top: 16px}.layanan-points li{color: rgba(230,241,255,0.78);line-height: 1.62}.layanan-points li::before{background: var(--premium-gold)}.layanan-mini-cta,.layanan-price-link,.btn-order,.blog-btn,.portfolio-btn,.kontak-submit{position: relative;overflow: hidden;border-radius: 999px;font-weight: 850;letter-spacing: 0;transition: transform 0.3s var(--premium-ease),box-shadow 0.3s var(--premium-ease),border-color 0.3s ease,background-color 0.3s ease,color 0.3s ease}.layanan-mini-cta,.layanan-price-link{background: linear-gradient(180deg,rgba(255,255,255,0.24),rgba(255,255,255,0)),linear-gradient(135deg,#fff2bd,var(--premium-gold));color: var(--premium-ink) !important;border: 1px solid rgba(255,236,172,0.68);box-shadow: 0 18px 38px rgba(255,184,46,0.22)}.layanan-mini-cta:hover,.layanan-price-link:hover{transform: translate3d(0,-3px,0);box-shadow: 0 24px 52px rgba(255,184,46,0.3)}#pricing-section .pricing-header{width: min(920px,92%)}.pricing-trust{width: fit-content;max-width: min(100%,760px);margin: -28px auto 34px;padding: 10px 16px;border: 1px solid rgba(15,77,119,0.1);border-radius: 999px;background: rgba(255,255,255,0.72);box-shadow: 0 12px 30px rgba(7,29,48,0.08);text-align: center;font-weight: 750}.pricing-container{grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px;width: min(1160px,92%);align-items: stretch}.pricing-card{display: flex;flex-direction: column;min-height: 100%;padding: clamp(24px,3vw,34px);overflow: hidden;animation: none}#pricing-section .pricing-container>.pricing-card:not(.popular){color: var(--premium-ink);background: linear-gradient(180deg,rgba(255,255,255,0.98),rgba(247,251,255,0.94)),#ffffff}#pricing-section .pricing-container>.pricing-card:not(.popular) h3,#pricing-section .pricing-container>.pricing-card:not(.popular) .price-value{color: var(--premium-ink)}#pricing-section .pricing-container>.pricing-card:not(.popular) .pricing-copy,#pricing-section .pricing-container>.pricing-card:not(.popular) .price-prefix,#pricing-section .pricing-container>.pricing-card:not(.popular) .pricing-note,#pricing-section .pricing-container>.pricing-card:not(.popular) li{color: #405a72}.pricing-card::before{height: 2px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan))}.pricing-card::after{display: none}.pricing-card h3{color: var(--premium-ink);font-size: clamp(1.32rem,2.1vw,1.65rem);font-weight: 850}.pricing-card.popular{border-color: rgba(255,216,107,0.62);background: linear-gradient(180deg,rgba(8,38,60,0.97),rgba(7,29,48,0.96)),#08263c;box-shadow: 0 30px 76px rgba(7,29,48,0.28),0 0 0 1px rgba(255,216,107,0.08) inset;transform: translate3d(0,-8px,0)}.pricing-card.popular:hover{transform: translate3d(0,-13px,0)}.popular-badge{align-self: flex-start;padding: 8px 12px;color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 14px 30px rgba(255,184,46,0.22)}.price{margin: 20px 0 22px;padding: 16px;border-radius: 8px;border: 1px solid rgba(15,77,119,0.1);background: rgba(15,77,119,0.045)}.pricing-card.popular .price{border-color: rgba(255,216,107,0.24);background: rgba(255,255,255,0.07)}.price-prefix{color: var(--premium-muted);font-weight: 800}.pricing-card.popular .price-prefix{color: rgba(230,241,255,0.72)}.price-value,.pricing-card.popular .price-value{display: block;color: var(--premium-ink);font-size: clamp(1.36rem,2.4vw,2rem);line-height: 1.18}.pricing-card.popular .price-value{color: var(--premium-gold)}.pricing-card ul{display: grid;gap: 10px;margin-top: 4px}.pricing-card li{color: #415a72;line-height: 1.62}.pricing-card.popular li{color: rgba(230,241,255,0.83)}.pricing-card li::before{background: linear-gradient(135deg,var(--premium-gold),var(--premium-cyan))}.btn-order{margin-top: auto;min-height: 50px;border: 1px solid rgba(15,77,119,0.14);color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 16px 34px rgba(255,184,46,0.22)}.btn-order:hover,.btn-order:focus-visible{color: #071d30;background: linear-gradient(135deg,#ffffff,#fff2bd);transform: translate3d(0,-3px,0);box-shadow: 0 22px 48px rgba(255,184,46,0.3)}.pricing-compare{width: min(1160px,92%);margin-top: 28px;padding: clamp(20px,3vw,30px)}.pricing-compare h3{color: var(--premium-ink);font-size: 1.22rem;font-weight: 850}.pricing-compare table{overflow: hidden;border-radius: 8px}.pricing-compare th{background: linear-gradient(135deg,var(--premium-ink),#0f4d77);color: #ffffff}.pricing-compare td,.pricing-compare th{border-color: rgba(15,77,119,0.1)}.portfolio-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px}.portfolio-card{overflow: hidden}.portfolio-image{aspect-ratio: 16 / 10;border-radius: 8px 8px 0 0;overflow: hidden;background: #071d30}.portfolio-image::after{content: '';position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg,transparent 42%,rgba(3,12,22,0.62)),linear-gradient(135deg,rgba(255,216,107,0.12),rgba(123,215,255,0.1));opacity: 0;transition: opacity 0.34s ease}.portfolio-card:hover .portfolio-image::after{opacity: 1}.portfolio-image img{height: 100%;object-fit: cover;filter: saturate(0.98) contrast(1.03);transition: transform 0.56s var(--premium-ease),filter 0.36s ease}.portfolio-card:hover .portfolio-image img{transform: scale(1.055);filter: saturate(1.08) contrast(1.06)}.portfolio-preview{background: rgba(3,12,22,0.58);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.portfolio-preview a,.portfolio-btn{border: 1px solid rgba(255,236,172,0.5);color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold))}.portfolio-content{padding: 24px 22px 26px}.portfolio-label{color: #fff2bd;border: 1px solid rgba(255,216,107,0.22);background: rgba(255,216,107,0.09)}.portfolio-content h3{color: #ffffff;font-size: 1.2rem;font-weight: 850;line-height: 1.28}.portfolio-content p{color: rgba(230,241,255,0.75);line-height: 1.76}#portfolio .portfolio-content p::after{display: none}#portfolio .portfolio-impact{margin-top: 14px;padding: 14px 16px;border-left: 3px solid var(--premium-gold);border-radius: 8px;color: rgba(230,241,255,0.82);background: rgba(255,216,107,0.08)}.portfolio-tech span{border: 1px solid rgba(123,215,255,0.18);color: rgba(230,241,255,0.86);background: rgba(123,215,255,0.08)}.portfolio-btn{color: #071d30;box-shadow: 0 16px 34px rgba(255,184,46,0.2)}.portfolio-btn:hover{color: #071d30;transform: translate3d(0,-3px,0)}#blog .blog-header{width: min(920px,92%)}.blog-header a{color: #0f4d77;font-weight: 850;text-decoration-thickness: 1px;text-underline-offset: 4px}.blog-container{width: min(1160px,92%);gap: 18px}.blog-card{overflow: hidden}.blog-img{aspect-ratio: 16 / 10.5;border-radius: 8px 8px 0 0;overflow: hidden;background: #dfeaf7}.blog-img::before{background: linear-gradient(180deg,transparent 45%,rgba(7,29,48,0.46)),linear-gradient(135deg,rgba(255,216,107,0.12),rgba(123,215,255,0.12))}.blog-img img{height: 100%;object-fit: cover;transition: transform 0.54s var(--premium-ease),filter 0.34s ease}.blog-card:hover .blog-img img{transform: scale(1.055);filter: saturate(1.06) contrast(1.04)}.blog-content{padding: 22px 20px 24px}.blog-category{color: #0f4d77;border: 1px solid rgba(15,77,119,0.12);background: rgba(15,77,119,0.06)}.blog-content h3{color: var(--premium-ink);font-size: 1.13rem;font-weight: 850;line-height: 1.34}.blog-content p{color: #51687e;line-height: 1.72}.blog-btn{min-height: 44px;padding-inline: 16px;border: 1px solid rgba(15,77,119,0.12);color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 14px 28px rgba(255,184,46,0.18)}.blog-btn:hover,.blog-btn:focus-visible{color: #071d30;transform: translate3d(0,-3px,0);box-shadow: 0 20px 42px rgba(255,184,46,0.26)}.testimonial-slider{width: min(1160px,92%)}.testimonial-track{padding-block: 10px 18px}.testimonial-card{padding: 26px 24px}.testimonial-card::before{background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan)),rgba(255,255,255,0.1);opacity: 0.72}.testimonial-top{gap: 14px}.testimonial-track .client-img,.client-placeholder{width: 58px;height: 58px;border: 2px solid rgba(255,216,107,0.72);box-shadow: 0 16px 32px rgba(0,0,0,0.24)}.client-name{color: #ffffff;font-size: 1.04rem;font-weight: 850}.testimonial-top span{color: rgba(230,241,255,0.68)}.testimonial-rating{color: var(--premium-gold)}.testimonial-text{color: rgba(230,241,255,0.82);font-size: 1rem;line-height: 1.82}.chat-proof{border-radius: 8px;border: 1px solid rgba(255,255,255,0.12)}.nav-btn{border-radius: 50%;border: 1px solid rgba(255,255,255,0.18);background: linear-gradient(180deg,rgba(255,255,255,0.14),rgba(255,255,255,0.05)),rgba(255,255,255,0.08);color: #ffffff;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.nav-btn:hover{color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold))}.testimonial-dots span{border: 1px solid rgba(255,255,255,0.18);background: rgba(255,255,255,0.18)}.testimonial-dots span.active{background: var(--premium-gold);box-shadow: 0 0 0 5px rgba(255,216,107,0.14)}.testimonial-ctaa{max-width: 840px;margin: 28px auto 0;padding: clamp(24px,3vw,34px);text-align: center}.testimonial-ctaa h3{color: #ffffff;font-size: clamp(1.35rem,2.4vw,2rem);font-weight: 850}.testimonial-ctaa p{color: rgba(230,241,255,0.78)}.kontak-grid{grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr);gap: 18px;align-items: stretch}.kontak-card{padding: clamp(24px,3vw,34px);overflow: hidden}.kontak-card::before{height: 2px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan))}.kontak-item{border-radius: 8px;border: 1px solid rgba(15,77,119,0.1);background: rgba(15,77,119,0.045)}.kontak-item:hover{border-color: rgba(15,77,119,0.2);background: rgba(15,77,119,0.07)}.kontak-item i{border-radius: 8px;color: var(--premium-ink);background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 14px 28px rgba(255,184,46,0.2)}.kontak-item h4{color: var(--premium-ink);font-weight: 850}.kontak-item p,.kontak-item a{color: #4c647b}.kontak-map{border-radius: 8px;overflow: hidden;border: 1px solid rgba(15,77,119,0.1);box-shadow: 0 16px 34px rgba(7,29,48,0.1)}.kontak-form{gap: 10px}.kontak-form label{color: var(--premium-ink);font-weight: 850}.kontak-form input,.kontak-form textarea,.kontak-form select{min-height: 50px;border-radius: 8px;border: 1px solid rgba(15,77,119,0.14);background: rgba(255,255,255,0.82);box-shadow: 0 10px 24px rgba(7,29,48,0.06),inset 0 1px 0 rgba(255,255,255,0.84);color: var(--premium-ink);transition: border-color 0.24s ease,box-shadow 0.24s ease,background-color 0.24s ease,transform 0.24s var(--premium-ease)}.kontak-form textarea{min-height: 136px}.kontak-form input:hover,.kontak-form textarea:hover,.kontak-form select:hover{border-color: rgba(15,77,119,0.24)}.kontak-form input:focus,.kontak-form textarea:focus,.kontak-form select:focus{border-color: rgba(255,184,46,0.78);background: #ffffff;box-shadow: 0 0 0 4px rgba(255,216,107,0.18),0 14px 32px rgba(7,29,48,0.1);transform: translate3d(0,-1px,0)}.kontak-submit{min-height: 52px;border: 1px solid rgba(255,236,172,0.7);color: #071d30;background: linear-gradient(135deg,#fff2bd,var(--premium-gold));box-shadow: 0 18px 38px rgba(255,184,46,0.22)}.kontak-submit:hover,.kontak-submit:focus-visible{color: #071d30;background: linear-gradient(135deg,#ffffff,#fff2bd);transform: translate3d(0,-3px,0);box-shadow: 0 24px 52px rgba(255,184,46,0.3)}.privacy-note{color: #6c7f91;font-size: 0.88rem}.reveal{opacity: 0;transform: translate3d(0,28px,0) scale(0.985);transition: opacity 0.7s ease,transform 0.82s var(--premium-ease),filter 0.82s ease;filter: blur(3px)}.reveal-left{transform: translate3d(-24px,22px,0) scale(0.985)}.reveal-right{transform: translate3d(24px,22px,0) scale(0.985)}.reveal-scale{transform: translate3d(0,22px,0) scale(0.965)}.reveal.active,.reveal.active.reveal-left,.reveal.active.reveal-right,.reveal.active.reveal-scale,.pricing-container>.reveal-auto.active,.blog-container>.reveal-auto.active,.footer-grid>.reveal-auto.active{opacity: 1;transform: translate3d(0,0,0) scale(1);filter: blur(0)}.pricing-container>.reveal-auto:not(.active),.blog-container>.reveal-auto:not(.active),.footer-grid>.reveal-auto:not(.active){transform: translate3d(0,24px,0) scale(0.985)}@media (max-width: 1100px){.pricing-container,.portfolio-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.pricing-card.popular{transform: none}.pricing-card.popular:hover{transform: translate3d(0,-6px,0)}.kontak-grid{grid-template-columns: 1fr}}@media (max-width: 768px){#about,#layanan,#pricing-section,#portfolio,#blog,#testimoni,#kontak{padding-block: 72px}.section-title,.blog-header,.testimonial-header{margin-bottom: 30px}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.72rem,8vw,2.35rem)}.about-grid,.team-grid,.layanan-grid,.portfolio-grid{grid-template-columns: 1fr}.layanan-group-head{display: grid}.pricing-container,.blog-container{width: min(100% - 28px,520px);display: flex;gap: 14px;overflow-x: auto;padding: 4px 4px 18px;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch}.pricing-card,.blog-card{flex: 0 0 min(88vw,360px);scroll-snap-align: center}.pricing-compare{width: min(100% - 28px,520px)}.portfolio-content,.blog-content{padding: 20px 18px 22px}.testimonial-slider,.testimonial-slider.testimonial-slider--mobile-swipe{width: min(100% - 28px,540px);padding-inline: 0}.testimonial-track,.testimonial-slider--mobile-swipe .testimonial-track{padding-inline: 4px}.testimonial-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(86vw,360px)}.nav-btn{display: none}.kontak-card,.about-card,.layanan-group,.pricing-card,.blog-card,.testimonial-card{padding: 22px 18px}}@media (max-width: 430px){#about .container,#layanan .container,#portfolio .container,#kontak .container{width: min(100% - 28px,100%)}.section-title p,.blog-header p,.testimonial-header p,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-note,.testimonial-text,.kontak-item p,.kontak-item a{font-size: 0.93rem;line-height: 1.76}.pricing-card,.blog-card{flex-basis: min(86vw,328px)}.team-avatar{width: 98px;height: 98px}.kontak-form input,.kontak-form textarea,.kontak-form select,.kontak-submit{font-size: 0.94rem}}@media (prefers-reduced-motion: reduce){.reveal,.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.portfolio-image img,.blog-img img{transition-duration: 0.01ms !important;animation: none !important;filter: none !important}}.site-footer{--footer-ink: #f8fbff;--footer-muted: rgba(232,243,255,0.74);--footer-soft: rgba(232,243,255,0.58);--footer-line: rgba(255,255,255,0.14);--footer-gold: #ffd86b;--footer-cyan: #67d7ff;--footer-navy: #071d30;position: relative;isolation: isolate;overflow: hidden;color: var(--footer-ink);padding: clamp(72px,8vw,112px) 0 0;background: linear-gradient(120deg,rgba(255,216,107,0.16),transparent 31%),linear-gradient(245deg,rgba(103,215,255,0.15),transparent 34%),linear-gradient(180deg,#061726 0%,#09263b 46%,#06111e 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}.site-footer::before,.site-footer::after{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none}.site-footer::before{background: repeating-linear-gradient( 90deg,rgba(255,255,255,0.055) 0,rgba(255,255,255,0.055) 1px,transparent 1px,transparent 92px ),repeating-linear-gradient( 0deg,rgba(255,255,255,0.045) 0,rgba(255,255,255,0.045) 1px,transparent 1px,transparent 92px );mask-image: linear-gradient(to bottom,transparent 0%,#000 24%,#000 74%,transparent 100%);-webkit-mask-image: linear-gradient(to bottom,transparent 0%,#000 24%,#000 74%,transparent 100%);opacity: 0.5}.site-footer::after{background: linear-gradient(100deg,transparent 0%,rgba(255,216,107,0.13) 43%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.08),transparent 34%);filter: blur(20px);opacity: 0.72}.site-footer .footer-grid{position: relative;z-index: 1;width: min(1160px,92%);margin: 0 auto;display: grid;grid-template-columns: minmax(280px,1fr) minmax(180px,0.62fr) minmax(320px,1.05fr) minmax(180px,0.62fr);gap: clamp(16px,2vw,22px);align-items: stretch;padding: 0 0 clamp(28px,4vw,44px)}.footer-brand,.footer-links,.footer-contact,.footer-social{position: relative;min-width: 0;height: 100%;padding: clamp(22px,2.6vw,30px);border: 1px solid var(--footer-line);border-radius: 8px;background: linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.05)),rgba(7,29,48,0.48);box-shadow: 0 26px 62px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.12);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);transform: translate3d(0,0,0);transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),border-color 0.28s ease,background-color 0.28s ease,box-shadow 0.28s ease}.footer-brand::before,.footer-links::before,.footer-contact::before,.footer-social::before{content: "";position: absolute;inset: 0 0 auto;height: 2px;border-radius: 8px 8px 0 0;background: linear-gradient(90deg,rgba(255,216,107,0.82),rgba(103,215,255,0.54),transparent);opacity: 0.82}.footer-brand:hover,.footer-links:hover,.footer-contact:hover,.footer-social:hover{transform: translate3d(0,-5px,0);border-color: rgba(255,216,107,0.34);background-color: rgba(8,38,60,0.58);box-shadow: 0 32px 78px rgba(0,0,0,0.34),0 0 0 1px rgba(255,216,107,0.07),inset 0 1px 0 rgba(255,255,255,0.18)}.footer-brand{max-width: none}.site-footer h3,.site-footer h4{margin: 0 0 14px;color: #ffffff;font-family: "Inter","Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight: 800;line-height: 1.18;letter-spacing: 0}.site-footer h3{font-size: clamp(1.45rem,2vw,1.9rem)}.site-footer h4{font-size: clamp(1rem,1.2vw,1.08rem)}.site-footer p{margin: 0;color: var(--footer-muted);font-size: 0.96rem;line-height: 1.82}.footer-links,.footer-contact,.footer-social{display: flex;flex-direction: column}.footer-links,.footer-contact{gap: 10px}.footer-links a,.footer-contact a,.footer-contact p{min-width: 0;display: flex;align-items: center;gap: 10px;color: var(--footer-muted);font-size: 0.95rem;line-height: 1.5;text-decoration: none;overflow-wrap: anywhere;transition: color 0.24s ease,transform 0.24s cubic-bezier(0.22,1,0.36,1),background-color 0.24s ease}.footer-links a{padding: 8px 10px;border-radius: 8px;margin-left: -10px;white-space: nowrap}.footer-contact a,.footer-contact p{align-items: flex-start}.footer-links i,.footer-contact i{flex: 0 0 34px;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;margin-top: -4px;border: 1px solid rgba(255,255,255,0.12);border-radius: 8px;color: var(--footer-gold);background: rgba(255,255,255,0.08);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);font-size: 0.92rem;text-align: center;transition: color 0.24s ease,border-color 0.24s ease,background-color 0.24s ease,transform 0.24s cubic-bezier(0.22,1,0.36,1)}.footer-links a:hover,.footer-links a:focus-visible,.footer-contact a:hover,.footer-contact a:focus-visible{color: #ffffff;transform: translate3d(4px,0,0)}.footer-links a:hover,.footer-links a:focus-visible{background: rgba(255,255,255,0.07)}.footer-links a:hover i,.footer-links a:focus-visible i,.footer-contact a:hover i,.footer-contact a:focus-visible i{color: var(--footer-navy);border-color: rgba(255,216,107,0.6);background: linear-gradient(135deg,#fff4c9,var(--footer-gold));transform: translate3d(0,-1px,0)}.footer-social-links{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 6px}.footer-social-links a{width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,0.14);border-radius: 8px;color: #ffffff;background: linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.055)),rgba(255,255,255,0.04);box-shadow: 0 14px 30px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.16);transition: transform 0.25s cubic-bezier(0.22,1,0.36,1),color 0.25s ease,border-color 0.25s ease,background 0.25s ease,box-shadow 0.25s ease}.footer-social-links a:hover,.footer-social-links a:focus-visible{color: var(--footer-navy);border-color: rgba(255,216,107,0.72);background: linear-gradient(135deg,#ffffff,#ffe8a3 48%,var(--footer-gold));transform: translate3d(0,-4px,0) scale(1.03);box-shadow: 0 20px 42px rgba(255,216,107,0.2),0 16px 34px rgba(0,0,0,0.26)}.footer-bottom{position: relative;z-index: 1;margin-top: 0;padding: 20px 24px calc(22px + env(safe-area-inset-bottom,0px));border-top: 1px solid rgba(255,255,255,0.13);background: linear-gradient(90deg,transparent,rgba(255,216,107,0.08),transparent),rgba(3,14,25,0.46);text-align: center;backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px)}.footer-bottom p{color: var(--footer-soft);font-size: 0.92rem;line-height: 1.6}.site-footer.reveal{opacity: 0;transform: translate3d(0,34px,0);filter: blur(4px);transition: opacity 0.78s ease,transform 0.88s cubic-bezier(0.22,1,0.36,1),filter 0.88s ease}.site-footer.reveal.active{opacity: 1;transform: translate3d(0,0,0);filter: blur(0)}.site-footer .footer-grid>*,.site-footer .footer-bottom{opacity: 0;transform: translate3d(0,22px,0) scale(0.985)}.site-footer.active .footer-grid>*,.site-footer.active .footer-bottom{animation: footerItemReveal 0.72s cubic-bezier(0.22,1,0.36,1) forwards}.site-footer.active .footer-grid>*:nth-child(1){animation-delay: 0.06s}.site-footer.active .footer-grid>*:nth-child(2){animation-delay: 0.14s}.site-footer.active .footer-grid>*:nth-child(3){animation-delay: 0.22s}.site-footer.active .footer-grid>*:nth-child(4){animation-delay: 0.3s}.site-footer.active .footer-bottom{animation-delay: 0.36s}@keyframes footerItemReveal{from{opacity: 0;transform: translate3d(0,22px,0) scale(0.985)}to{opacity: 1;transform: translate3d(0,0,0) scale(1)}}@media (max-width: 1180px){.site-footer .footer-grid{width: min(100% - 44px,900px);grid-template-columns: repeat(2,minmax(0,1fr))}.footer-brand{grid-column: span 2}}@media (max-width: 768px){.site-footer{padding-top: clamp(62px,14vw,82px) !important}.site-footer .footer-grid{width: min(100% - 32px,540px);grid-template-columns: 1fr !important;gap: 16px !important;padding-bottom: 26px}.footer-brand{grid-column: auto}.footer-brand,.footer-links,.footer-contact,.footer-social{padding: 22px 18px}.site-footer h3{font-size: 1.42rem}.site-footer h4{font-size: 1rem}.site-footer p,.footer-links a,.footer-contact a,.footer-contact p{font-size: 0.92rem;line-height: 1.68}.footer-links,.footer-contact{gap: 8px}.footer-social-links a{width: 42px;height: 42px}.footer-bottom{padding-inline: 18px}}@media (max-width: 430px){.site-footer .footer-grid{width: min(100% - 28px,100%)}.footer-brand,.footer-links,.footer-contact,.footer-social{padding: 20px 16px}.site-footer h3{font-size: 1.32rem}.site-footer p,.footer-links a,.footer-contact a,.footer-contact p{font-size: 0.9rem}.footer-links i,.footer-contact i{flex-basis: 32px;width: 32px;height: 32px}}@media (prefers-reduced-motion: reduce){.site-footer,.site-footer.reveal,.site-footer .footer-grid>*,.site-footer .footer-bottom,.footer-brand,.footer-links,.footer-contact,.footer-social,.footer-links a,.footer-contact a,.footer-social-links a{opacity: 1 !important;transform: none !important;animation: none !important;transition-duration: 0.01ms !important;filter: none !important}}.btn-order.is-generating{pointer-events: none;cursor: progress;opacity: 0.92;transform: translate3d(0,-1px,0);box-shadow: 0 20px 46px rgba(255,184,46,0.26),0 0 0 4px rgba(255,216,107,0.14)}.btn-order.is-generating::after{content: "";width: 14px;height: 14px;margin-left: 10px;border: 2px solid rgba(7,29,48,0.22);border-top-color: #071d30;border-radius: 50%;animation: orderPdfSpin 0.76s linear infinite}@keyframes orderPdfSpin{to{transform: rotate(360deg)}}#pricing-section .pricing-compare{width: min(1120px,calc(100% - 32px));margin: clamp(30px,4.2vw,48px) auto 0 !important;padding: clamp(22px,3vw,32px);text-align: left}#pricing-section .pricing-compare h3{margin: 0 auto 18px;text-align: center}#pricing-section .pricing-compare-wrap{width: 100%;margin-inline: auto;overflow-x: auto;border-radius: 8px;scrollbar-width: thin;scrollbar-color: rgba(15,77,119,0.32) rgba(15,77,119,0.08)}#pricing-section .pricing-compare table{width: 100%;min-width: 720px;table-layout: fixed;border-collapse: separate;border-spacing: 0;overflow: hidden;background: rgba(255,255,255,0.9)}#pricing-section .pricing-compare th,#pricing-section .pricing-compare td{padding: 15px 16px;text-align: center;vertical-align: middle}#pricing-section .pricing-compare th:first-child,#pricing-section .pricing-compare td:first-child{text-align: left;width: 28%;font-weight: 850}#pricing-section .pricing-compare tbody tr:nth-child(even) td{background: rgba(15,77,119,0.035)}#pricing-section .pricing-compare tbody tr:hover td{background: rgba(255,216,107,0.1)}#blog .blog-slider{position: relative;z-index: 1;width: min(1160px,92%);margin: 0 auto;padding: 8px clamp(46px,5vw,64px) 0}#blog .mobile-swipe-hint{display: none !important}#blog .blog-slider .blog-container{width: 100% !important;display: flex !important;grid-template-columns: none !important;gap: 20px !important;align-items: stretch;overflow-x: auto !important;overflow-y: visible !important;padding: 8px 2px 24px !important;scroll-snap-type: x mandatory !important;scroll-behavior: smooth;scrollbar-width: none;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain;cursor: grab;user-select: none}#blog .blog-slider .blog-container::-webkit-scrollbar{display: none}#blog .blog-slider .blog-container.dragging,#blog .blog-slider.is-swiping{cursor: grabbing}#blog .blog-slider .blog-container.dragging{scroll-snap-type: none !important}#blog .blog-slider .blog-card{flex: 0 0 clamp(310px,calc((100% - 40px) / 3),360px) !important;width: auto !important;max-width: 360px !important;min-width: 0 !important;scroll-snap-align: start}#blog .blog-card[data-loop-clone="true"]{opacity: 1 !important;transform: none !important;filter: none !important}#blog .blog-slider.is-swiping .blog-card,#blog .blog-slider.is-swiping .blog-card:hover{transform: none}.blog-nav-btn{position: absolute;top: 48%;z-index: 4;width: 46px;height: 46px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid rgba(15,77,119,0.14);border-radius: 8px;color: #071d30;background: linear-gradient(145deg,rgba(255,255,255,0.96),rgba(243,249,255,0.9)),#ffffff;box-shadow: 0 18px 40px rgba(7,29,48,0.18),inset 0 1px 0 rgba(255,255,255,0.86);cursor: pointer;transition: transform 0.26s cubic-bezier(0.22,1,0.36,1),border-color 0.26s ease,background 0.26s ease,box-shadow 0.26s ease}.blog-nav-btn:hover,.blog-nav-btn:focus-visible{border-color: rgba(255,216,107,0.62);background: linear-gradient(135deg,#ffffff,#fff2bd);transform: translate3d(0,-3px,0);box-shadow: 0 22px 48px rgba(255,184,46,0.22),0 16px 34px rgba(7,29,48,0.16)}.blog-prev{left: 0}.blog-next{right: 0}.blog-dots{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 2px}.blog-dots button{width: 8px;height: 8px;padding: 0;border: 0;border-radius: 999px;background: rgba(15,77,119,0.24);cursor: pointer;transition: width 0.24s ease,background-color 0.24s ease,box-shadow 0.24s ease}.blog-dots button.active{width: 28px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan));box-shadow: 0 10px 22px rgba(255,184,46,0.2)}.dashboard-carousel{position: relative;z-index: 1;width: min(1160px,92%);margin: 0 auto;padding: 8px clamp(46px,5vw,64px) 0}#portfolio .portfolio-slider{width: 100%}#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{width: 100% !important;display: flex !important;grid-template-columns: none !important;gap: 20px !important;align-items: stretch;overflow-x: auto !important;overflow-y: visible !important;padding: 10px 2px 26px !important;scroll-snap-type: x mandatory !important;scroll-behavior: smooth;scrollbar-width: none !important;-webkit-overflow-scrolling: touch !important;touch-action: pan-x pan-y !important;overscroll-behavior-x: contain !important;cursor: grab;user-select: none}#pricing-section .pricing-slider .pricing-container::-webkit-scrollbar,#portfolio .portfolio-slider .portfolio-grid::-webkit-scrollbar{display: none}#pricing-section .pricing-slider .pricing-container.dragging,#pricing-section .pricing-slider.is-swiping,#portfolio .portfolio-slider .portfolio-grid.dragging,#portfolio .portfolio-slider.is-swiping{cursor: grabbing}#pricing-section .pricing-slider .pricing-container.dragging,#portfolio .portfolio-slider .portfolio-grid.dragging{scroll-snap-type: none !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex: 0 0 clamp(310px,calc((100% - 40px) / 3),364px) !important;width: auto !important;max-width: 364px !important;min-width: 0 !important;scroll-snap-align: start}#pricing-section .pricing-slider .pricing-card[data-loop-clone='true'],#portfolio .portfolio-slider .portfolio-card[data-loop-clone='true']{opacity: 1 !important;filter: none !important}#pricing-section .pricing-slider.is-swiping .pricing-card,#pricing-section .pricing-slider.is-swiping .pricing-card:hover,#portfolio .portfolio-slider.is-swiping .portfolio-card,#portfolio .portfolio-slider.is-swiping .portfolio-card:hover{transform: none}.dashboard-carousel-btn{top: 48%}.dashboard-carousel-prev{left: 0}.dashboard-carousel-next{right: 0}.dashboard-carousel-dots{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 2px}.dashboard-carousel-dots button{width: 8px;height: 8px;padding: 0;border: 0;border-radius: 999px;background: rgba(15,77,119,0.24);cursor: pointer;transition: width 0.24s ease,background-color 0.24s ease,box-shadow 0.24s ease}.dashboard-carousel-dots button.active{width: 28px;background: linear-gradient(90deg,var(--premium-gold),var(--premium-cyan));box-shadow: 0 10px 22px rgba(255,184,46,0.2)}@media (max-width: 768px){#pricing-section .pricing-compare{width: min(100% - 28px,540px);padding: 20px 14px}#pricing-section .pricing-compare table{min-width: 680px}#pricing-section .pricing-compare th,#pricing-section .pricing-compare td{padding: 13px 14px;font-size: 0.88rem}#blog .blog-slider{width: min(100% - 28px,540px);padding: 4px 0 0}#blog .blog-slider .blog-container{gap: 16px !important;padding: 8px 4px 20px !important}#blog .blog-slider .blog-card{flex-basis: min(86vw,360px) !important;max-width: min(86vw,360px) !important}#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(100% - 28px,540px);padding: 4px 0 0}#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{gap: 16px !important;padding: 8px 4px 20px !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex-basis: min(86vw,360px) !important;max-width: min(86vw,360px) !important}.blog-nav-btn{top: 128px;width: 42px;height: 42px}.dashboard-carousel-btn{top: 48%;width: 42px;height: 42px}.blog-prev{left: -10px}.blog-next{right: -10px}.dashboard-carousel-prev{left: -10px}.dashboard-carousel-next{right: -10px}}@media (max-width: 430px){#blog .blog-slider{width: min(100% - 24px,100%)}#blog .blog-slider .blog-card{flex-basis: min(84vw,330px) !important;max-width: min(84vw,330px) !important}#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(100% - 24px,100%)}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex-basis: min(84vw,330px) !important;max-width: min(84vw,330px) !important}.blog-nav-btn{top: 118px;width: 38px;height: 38px}.dashboard-carousel-btn{width: 38px;height: 38px}}@media (prefers-reduced-motion: reduce){.btn-order.is-generating::after,.blog-nav-btn,.blog-dots button,.dashboard-carousel-btn,.dashboard-carousel-dots button,#blog .blog-slider .blog-container,#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{animation: none !important;scroll-behavior: auto !important;transition-duration: 0.01ms !important}}.wa-floating,body .wa-floating{position: fixed;left: max(16px,env(safe-area-inset-left,0px)) !important;right: auto !important;bottom: calc(16px + env(safe-area-inset-bottom,0px)) !important;z-index: 1320;display: flex;flex-direction: column;align-items: flex-start;gap: 7px;max-width: calc(100vw - 32px);opacity: 1 !important;transform: translate3d(0,0,0)}.wa-popup{position: relative;width: auto;max-width: min(190px,calc(100vw - 32px));padding: 7px 10px;border-radius: 999px;border: 1px solid rgba(255,216,107,0.22);background: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(246,250,255,0.92)),#ffffff;color: #12324b;box-shadow: 0 12px 26px rgba(3,16,28,0.14),inset 0 1px 0 rgba(255,255,255,0.9);opacity: 0;visibility: hidden;pointer-events: none;transform: translate3d(0,6px,0) scale(0.98);transition: opacity 0.22s ease,visibility 0.22s ease,transform 0.26s cubic-bezier(0.22,1,0.36,1)}.wa-popup::before{content: '';position: absolute;left: 18px;bottom: -4px;width: 8px;height: 8px;border-right: 1px solid rgba(255,216,107,0.2);border-bottom: 1px solid rgba(255,216,107,0.2);background: rgba(246,250,255,0.94);transform: rotate(45deg)}.wa-popup strong{display: none}.wa-popup span{display: block;color: #12324b;font-size: 11.6px;font-weight: 800;line-height: 1.2;letter-spacing: 0;white-space: nowrap}.wa-floating:hover .wa-popup,.wa-floating:focus-within .wa-popup,.wa-popup.show{opacity: 1;visibility: visible;transform: translate3d(0,0,0) scale(1)}.wa-button{width: 46px;height: 46px;border-radius: 50%;border: 1px solid rgba(189,255,220,0.42);background: linear-gradient(180deg,rgba(255,255,255,0.17),rgba(255,255,255,0)),linear-gradient(135deg,#16c96b,#0faa59 58%,#087e42);box-shadow: 0 14px 26px rgba(0,160,83,0.24),0 7px 14px rgba(3,16,28,0.12),inset 0 1px 0 rgba(255,255,255,0.24);display: inline-flex;align-items: center;justify-content: center;position: relative;transform: translate3d(0,0,0);transition: transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease,background 0.22s ease}.wa-button::after{display: none !important}.wa-button img{width: 23px;height: 23px;filter: drop-shadow(0 4px 7px rgba(0,0,0,0.16))}.wa-button:hover,.wa-button:focus-visible{border-color: rgba(214,255,233,0.64);box-shadow: 0 16px 30px rgba(0,160,83,0.3),0 8px 16px rgba(3,16,28,0.14),inset 0 1px 0 rgba(255,255,255,0.3);transform: translate3d(0,-2px,0)}.wa-badge{top: 5px;right: 5px;width: 7px;height: 7px;border: 1.5px solid #ffffff;background: #ffd86b;box-shadow: 0 0 0 3px rgba(255,216,107,0.14)}.wa-floating.bounce .wa-button{animation: none !important}@media (max-width: 768px){.wa-floating,body .wa-floating{left: max(12px,env(safe-area-inset-left,0px)) !important;bottom: calc(12px + env(safe-area-inset-bottom,0px)) !important;max-width: calc(100vw - 24px)}.wa-popup{max-width: min(174px,calc(100vw - 24px));padding: 6px 9px}.wa-popup span{font-size: 10.8px}.wa-button{width: 43px;height: 43px}.wa-button img{width: 21px;height: 21px}.wa-badge{width: 6px;height: 6px}}@media (max-width: 380px){.wa-floating,body .wa-floating{left: max(10px,env(safe-area-inset-left,0px)) !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important}.wa-button{width: 40px;height: 40px}.wa-button img{width: 20px;height: 20px}}@media (min-width: 993px){.navbar{-webkit-backdrop-filter: blur(12px) saturate(135%);backdrop-filter: blur(12px) saturate(135%)}.navbar.scrolled,.dropdown-menu{-webkit-backdrop-filter: blur(14px) saturate(140%);backdrop-filter: blur(14px) saturate(140%)}}#home .hero-image,#home .hero-image img{animation: none}@media (max-width: 992px){.reveal{opacity: 1;transform: none;transition: none}#home .hero-image img{filter: drop-shadow(0 18px 32px rgba(0,0,0,0.22))}}.navbar{box-shadow: 0 14px 34px rgba(3,16,28,0.2),inset 0 1px 0 rgba(255,255,255,0.08)}.nav-wrapper{min-height: 54px}.logo-area{gap: 10px;min-height: 46px;padding: 3px 9px 3px 3px;border-radius: 999px}.logo-area::before{left: 3px;width: 42px;height: 42px;opacity: 0.24}.logo-area img{flex: 0 0 46px;width: 46px;height: 46px;object-fit: contain;filter: drop-shadow(0 6px 12px rgba(0,0,0,0.18))}.logo-area span{font-size: 14.8px;font-weight: 850;line-height: 1.05}@media (max-width: 1120px) and (min-width: 993px){.logo-area{gap: 8px;min-height: 42px;padding-right: 7px}.logo-area img{flex-basis: 42px;width: 42px;height: 42px}.logo-area span{font-size: 13.4px}}@media (max-width: 992px){.nav-wrapper{min-height: 48px}.logo-area{gap: 8px;min-height: 42px;padding: 3px 7px 3px 2px}.logo-area img{flex-basis: 42px;width: 42px;height: 42px}.logo-area::before{width: 38px;height: 38px}.logo-area span{max-width: 148px;font-size: 13.3px}}@media (max-width: 540px){.nav-wrapper{min-height: 46px}.logo-area{gap: 7px;min-height: 39px;padding-right: 6px}.logo-area img{flex-basis: 39px;width: 39px;height: 39px}.logo-area::before{width: 35px;height: 35px}.logo-area span{max-width: 126px;font-size: 12.7px}}.native-scroll-track{contain: layout paint;scroll-padding-inline: 4px}.native-scroll-track>*{contain: layout style}@media (max-width: 992px),(hover: none),(pointer: coarse){html{scroll-behavior: auto}.native-scroll-carousel,.native-scroll-track{cursor: auto !important;scroll-snap-type: x proximity !important;touch-action: pan-x pan-y !important;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;will-change: auto !important}.native-scroll-track>*{scroll-snap-stop: normal !important;will-change: auto !important}.section-title::after,.team-avatar::before,.team-avatar::after,.mobile-swipe-hint,#home .hero-image,#home .hero-image img,#home .hero-image::before,#home .hero-image::after,.pricing-card,.pricing-card.popular,.blog-card,.testimonial-card,.kontak-card,.wa-floating.bounce .wa-button{animation: none !important}.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{transition: border-color 0.16s ease,background-color 0.16s ease !important}.team-card:hover,.layanan-card:hover,.portfolio-card:hover,.pricing-card:hover,.blog-card:hover,.testimonial-card:hover,.kontak-card:hover,#home .hero-buttons .btn-primary:hover,#home .hero-buttons .btn-secondary:hover,#home .hero-social a:hover{transform: none !important}.portfolio-card:hover .portfolio-image img,.blog-card:hover .blog-img img,.team-card:hover img{transform: none !important;filter: none !important}.blog-nav-btn,.dashboard-carousel-btn,.nav-btn,.blog-dots button,.dashboard-carousel-dots button,.testimonial-dots span{transition: background-color 0.16s ease,opacity 0.16s ease !important}}@media (max-width: 768px){.native-scroll-track{scroll-snap-stop: normal}.blog-nav-btn,.dashboard-carousel-btn,.nav-btn{box-shadow: 0 8px 18px rgba(7,29,48,0.14) !important}}.native-scroll-carousel--loop .native-scroll-track{scroll-snap-type: x mandatory}.native-scroll-clone{pointer-events: none}.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{scroll-snap-align: center !important;transform-origin: center;transition: transform 0.24s cubic-bezier(0.22,1,0.36,1),opacity 0.18s ease,border-color 0.18s ease,box-shadow 0.24s cubic-bezier(0.22,1,0.36,1),background-color 0.18s ease !important}.native-scroll-carousel .pricing-card:not(.is-active),.native-scroll-carousel .portfolio-card:not(.is-active),.native-scroll-carousel .blog-card:not(.is-active),.native-scroll-carousel .testimonial-card:not(.active){opacity: 0.78}#pricing-section .pricing-slider .pricing-card{--carousel-card-raise: 0px;--carousel-card-scale-boost: 0;transform: translateY(calc(var(--float-base,0px) + var(--carousel-card-raise))) scale(calc(var(--card-scale,1) + var(--carousel-card-scale-boost)))}#pricing-section .pricing-slider .pricing-card.is-active{--carousel-card-raise: -6px;--carousel-card-scale-boost: 0.018;z-index: 4;opacity: 1;border-color: rgba(255,216,107,0.82) !important;box-shadow: 0 30px 64px rgba(255,204,0,0.2),0 20px 46px rgba(2,16,29,0.32),inset 0 1px 0 rgba(255,255,255,0.18) !important}#portfolio .portfolio-slider .portfolio-card.is-active,#blog .blog-slider .blog-card.is-active,.testimonial-slider--mobile-swipe .testimonial-card.active{z-index: 3;opacity: 1;transform: translate3d(0,-5px,0) scale(1.025);border-color: rgba(255,216,107,0.72) !important;box-shadow: 0 24px 52px rgba(255,204,0,0.16),0 18px 38px rgba(7,29,48,0.2),inset 0 1px 0 rgba(255,255,255,0.18) !important}#portfolio .portfolio-slider .portfolio-card.is-active::before,#blog .blog-slider .blog-card.is-active::before,.testimonial-slider--mobile-swipe .testimonial-card.active::before{opacity: 1}#blog .blog-slider .blog-card.is-active::before{transform: scaleX(1)}.blog-dots button.active,.dashboard-carousel-dots button.active,.testimonial-dots span.active{box-shadow: 0 8px 18px rgba(255,204,0,0.2),0 0 0 4px rgba(255,216,107,0.12)}@media (max-width: 992px),(hover: none),(pointer: coarse){.native-scroll-carousel--loop .native-scroll-track{scroll-snap-type: x proximity !important}.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{transition: transform 0.18s ease,opacity 0.16s ease,border-color 0.16s ease,box-shadow 0.18s ease,background-color 0.16s ease !important}.native-scroll-carousel .pricing-card:not(.is-active),.native-scroll-carousel .portfolio-card:not(.is-active),.native-scroll-carousel .blog-card:not(.is-active),.native-scroll-carousel .testimonial-card:not(.active){opacity: 0.86}#pricing-section .pricing-slider .pricing-card.is-active{--carousel-card-raise: -2px;--carousel-card-scale-boost: 0.008;box-shadow: 0 16px 30px rgba(255,204,0,0.14),0 12px 24px rgba(7,29,48,0.16) !important}#portfolio .portfolio-slider .portfolio-card.is-active,#blog .blog-slider .blog-card.is-active,.testimonial-slider--mobile-swipe .testimonial-card.active{transform: translate3d(0,-2px,0) scale(1.01);box-shadow: 0 16px 30px rgba(255,204,0,0.13),0 12px 24px rgba(7,29,48,0.16) !important}}@media (prefers-reduced-motion: reduce){.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{transition: none !important}#pricing-section .pricing-slider .pricing-card.is-active,#portfolio .portfolio-slider .portfolio-card.is-active,#blog .blog-slider .blog-card.is-active,.testimonial-slider--mobile-swipe .testimonial-card.active{transform: none !important}}#portfolio .portfolio-card{cursor: pointer;isolation: isolate;border: 1px solid rgba(255,216,107,0.16);background: radial-gradient(circle at 12% 0%,rgba(255,216,107,0.12),transparent 30%),linear-gradient(165deg,rgba(7,29,48,0.98),rgba(9,45,70,0.98) 56%,rgba(12,63,96,0.98));contain: layout style}#portfolio .portfolio-card::after{content: '';position: absolute;inset: 1px;z-index: 0;pointer-events: none;border-radius: inherit;background: linear-gradient(135deg,rgba(255,216,107,0.15),transparent 34%),radial-gradient(circle at 86% 18%,rgba(103,215,255,0.12),transparent 30%);opacity: 0;transition: opacity 0.24s ease}#portfolio .portfolio-card:hover,#portfolio .portfolio-card:focus-within,#portfolio .portfolio-card.is-expanded{border-color: rgba(255,216,107,0.58) !important;box-shadow: 0 26px 54px rgba(255,204,0,0.15),0 18px 40px rgba(3,16,28,0.28) !important}#portfolio .portfolio-card:hover::after,#portfolio .portfolio-card:focus-within::after,#portfolio .portfolio-card.is-expanded::after{opacity: 1}#portfolio .portfolio-card:hover .portfolio-image img,#portfolio .portfolio-card:focus-within .portfolio-image img,#portfolio .portfolio-card.is-expanded .portfolio-image img{transform: scale(1.045);filter: saturate(1.06) contrast(1.04)}#portfolio .portfolio-content{position: relative;z-index: 1;display: flex;flex-direction: column}#portfolio .portfolio-content p{max-height: calc(1.76em * 3);overflow: hidden;color: rgba(230,241,255,0.72);opacity: 0.86;transition: max-height 0.34s cubic-bezier(0.22,1,0.36,1),opacity 0.22s ease,color 0.22s ease;will-change: auto}#portfolio .portfolio-card:hover .portfolio-content p,#portfolio .portfolio-card:focus-within .portfolio-content p,#portfolio .portfolio-card.is-expanded .portfolio-content p{max-height: calc(1.76em * 14);color: rgba(239,247,255,0.9);opacity: 1}#portfolio .portfolio-impact{max-height: 0;margin-top: 0;padding-top: 0;padding-bottom: 0;opacity: 0;transition: max-height 0.34s cubic-bezier(0.22,1,0.36,1),margin-top 0.22s ease,padding 0.22s ease,opacity 0.22s ease}#portfolio .portfolio-card:hover .portfolio-impact,#portfolio .portfolio-card:focus-within .portfolio-impact,#portfolio .portfolio-card.is-expanded .portfolio-impact{max-height: 180px;margin-top: 14px;padding-top: 14px;padding-bottom: 14px;opacity: 1}#portfolio .portfolio-expand-hint{margin-top: 10px;margin-bottom: 12px;padding: 8px 12px;border-style: solid;border-color: rgba(255,216,107,0.34);background: rgba(255,216,107,0.1);color: #ffe8a3;font-size: 11.6px;font-weight: 800;letter-spacing: 0.08px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);transition: transform 0.18s ease,border-color 0.18s ease,background-color 0.18s ease,color 0.18s ease,box-shadow 0.18s ease}#portfolio .portfolio-expand-hint::before{background: linear-gradient(135deg,#fff2bd,#ffcc00);box-shadow: 0 0 0 3px rgba(255,216,107,0.12)}#portfolio .portfolio-card:hover .portfolio-expand-hint,#portfolio .portfolio-card:focus-within .portfolio-expand-hint,#portfolio .portfolio-card.is-expanded .portfolio-expand-hint{max-height: 34px;margin-top: 10px;margin-bottom: 12px;opacity: 1;transform: translate3d(0,-1px,0);border-color: rgba(255,216,107,0.68);background: rgba(255,216,107,0.18);color: #fff7d7;box-shadow: 0 10px 22px rgba(255,184,46,0.12),inset 0 1px 0 rgba(255,255,255,0.12)}#portfolio .portfolio-tech{margin-top: 4px}#portfolio .portfolio-btn{width: fit-content;min-height: 40px;padding-inline: 18px;border-radius: 8px}.wa-floating,body .wa-floating{left: max(14px,env(safe-area-inset-left,0px)) !important;bottom: calc(14px + env(safe-area-inset-bottom,0px)) !important;z-index: 1360;gap: 8px;max-width: calc(100vw - 28px);animation: waFloatSoft 5.4s ease-in-out infinite}.wa-button{width: auto;min-width: 0;min-height: 52px;height: 52px;gap: 10px;padding: 9px 16px 9px 11px;border-radius: 999px;overflow: visible;background: linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0)),linear-gradient(135deg,#18d772,#0fb65e 58%,#078044);isolation: isolate;box-shadow: 0 18px 36px rgba(0,180,91,0.28),0 8px 18px rgba(3,16,28,0.16),inset 0 1px 0 rgba(255,255,255,0.24)}.wa-button::after{content: '';display: block !important;position: absolute;inset: -5px;z-index: -1;border-radius: inherit;border: 1px solid rgba(34,211,125,0.28);opacity: 0.56;transform: scale(1);animation: waGlowPulse 2.8s ease-in-out infinite}.wa-button img{flex: 0 0 26px;width: 26px;height: 26px}.wa-button-text{display: block;color: #ffffff;font-size: 13px;font-weight: 850;line-height: 1;white-space: nowrap;letter-spacing: 0.08px;text-shadow: 0 1px 2px rgba(0,0,0,0.18)}.wa-button:hover,.wa-button:focus-visible{transform: translate3d(0,-2px,0);box-shadow: 0 22px 42px rgba(0,180,91,0.34),0 10px 22px rgba(3,16,28,0.18),inset 0 1px 0 rgba(255,255,255,0.3)}.wa-badge{top: 6px;right: 8px}@keyframes waFloatSoft{0%,100%{transform: translate3d(0,0,0)}50%{transform: translate3d(0,-4px,0)}}@keyframes waGlowPulse{0%,100%{opacity: 0.42;transform: scale(1)}50%{opacity: 0.74;transform: scale(1.055)}}@media (max-width: 768px){#portfolio .portfolio-content p{max-height: calc(1.76em * 3)}#portfolio .portfolio-card:hover .portfolio-content p,#portfolio .portfolio-card:focus-within .portfolio-content p,#portfolio .portfolio-card.is-expanded .portfolio-content p{max-height: calc(1.76em * 12)}.wa-floating,body .wa-floating{left: max(10px,env(safe-area-inset-left,0px)) !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important}.wa-button{height: 48px;min-height: 48px;padding: 8px 13px 8px 10px;gap: 8px}.wa-button img{flex-basis: 24px;width: 24px;height: 24px}.wa-button-text{font-size: 12.2px}}@media (max-width: 380px){.wa-button{height: 46px;min-height: 46px;padding: 8px 11px 8px 9px;gap: 7px}.wa-button-text{position: static;width: auto;height: auto;overflow: visible;clip: auto;font-size: 11.3px}.wa-badge{right: 6px}}@media (prefers-reduced-motion: reduce){.wa-floating,.wa-button::after{animation: none !important}#portfolio .portfolio-card,#portfolio .portfolio-card::after,#portfolio .portfolio-image img,#portfolio .portfolio-content p,#portfolio .portfolio-impact,#portfolio .portfolio-expand-hint,.wa-button{transition-duration: 0.01ms !important}}:root{--focus-ring: #ffd86b;--focus-ring-soft: rgba(255,216,107,0.32);--tap-size: 44px}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{min-width: 320px}a,button,input,select,textarea,[role='button']{touch-action: manipulation}button,input,select,textarea{font: inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline: 3px solid var(--focus-ring);outline-offset: 3px;box-shadow: 0 0 0 6px var(--focus-ring-soft)}:where(.nav-menu a,.dropdown-menu a,.cta-btn,.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta,.footer-links a,.footer-contact a){min-height: var(--tap-size)}:where(.hero-social a,.team-social a,.footer-social-links a,.hamburger,.blog-nav-btn,.dashboard-carousel-btn,.nav-btn){min-width: var(--tap-size);min-height: var(--tap-size)}.kontak-form input,.kontak-form textarea,.kontak-form select{min-height: 46px;font-size: 16px;line-height: 1.45}.kontak-form textarea{min-height: 136px}.portfolio-expand-hint,.blog-dots button,.dashboard-carousel-dots button,.testimonial-dots span{min-width: 24px;min-height: 24px}.wa-popup{box-shadow: 0 16px 32px rgba(3,16,28,0.16),inset 0 1px 0 rgba(255,255,255,0.9)}.wa-button{min-width: 156px;justify-content: flex-start;will-change: auto}.wa-button::after{will-change: transform,opacity}.wa-button-text{text-wrap: nowrap}@media (max-width: 992px),(hover: none),(pointer: coarse){body{overscroll-behavior-x: none}main{overflow-x: clip}:where(.navbar,.navbar.scrolled,.nav-menu,.dropdown-menu,.wa-popup,.footer-bottom){-webkit-backdrop-filter: none !important;backdrop-filter: none !important}:where(.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.site-footer,.wa-button){will-change: auto !important}:where(.section-title h2,.blog-header h2,.testimonial-header h2,.hero-content h1){text-wrap: balance}:where(.section-title p,.blog-header p,.testimonial-header p,.hero-content p,.hero-local-seo,.layanan-lead,.portfolio-lead,.pricing-copy,.pricing-note,.testimonial-text,.kontak-item p,.kontak-item a,.footer-brand p){font-size: clamp(0.92rem,3.8vw,1rem);line-height: 1.72}:where(.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta,.nav-menu a,.dropdown-menu a){min-height: 46px}:where(.blog-nav-btn,.dashboard-carousel-btn,.nav-btn,.hero-social a,.team-social a,.footer-social-links a,.hamburger){min-width: 46px;min-height: 46px}.native-scroll-track{contain: layout paint style;transform: translateZ(0)}.native-scroll-track>*{contain: layout style}.wa-floating,body .wa-floating{animation-duration: 6.8s}.wa-button::after{animation-duration: 3.8s}}@media (max-width: 768px){.container{width: min(100% - 28px,540px)}#home{min-height: auto}section{padding-block: clamp(66px,14vw,86px)}.section-title,.blog-header,.testimonial-header{margin-bottom: 26px}:where(.about-card,.team-card,.layanan-group,.pricing-card,.blog-card,.testimonial-card,.kontak-card){border-radius: 14px}.portfolio-card{border-radius: 12px}.portfolio-content,.blog-content{padding: 20px 17px 22px}.pricing-compare-wrap,.native-scroll-track{-webkit-overflow-scrolling: touch;scrollbar-width: none}.pricing-compare-wrap::-webkit-scrollbar,.native-scroll-track::-webkit-scrollbar{display: none}.wa-button{min-width: 148px}}@media (max-width: 380px){.container{width: min(100% - 22px,100%)}.wa-button{min-width: 136px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto !important}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;scroll-behavior: auto !important}}#home.hero::before{background-image: url('img/optimized/koteka-hero-digital-bg-1600.jpg')}@media (min-width: 641px) and (max-width: 992px){#home.hero::before{background-image: url('img/optimized/koteka-hero-digital-bg-960.jpg')}}@media (max-width: 640px){#home.hero::before{background-image: url('img/optimized/koteka-hero-digital-bg-768.jpg')}}@media (min-width: 993px){.nav-menu>a,.dropdown>a,.navbar .cta-btn{min-height: 44px}.dropdown-menu a{min-height: 40px}}.skip-link{position: fixed;left: max(12px,env(safe-area-inset-left,0px));top: max(12px,env(safe-area-inset-top,0px));z-index: 2000;min-height: 44px;padding: 11px 14px;border-radius: 8px;background: #ffd86b;color: #071d30;font-weight: 800;line-height: 1.2;box-shadow: 0 14px 30px rgba(3,16,28,0.22);transform: translate3d(0,-140%,0);transition: transform 0.18s ease}.skip-link:focus-visible{transform: translate3d(0,0,0);outline: 3px solid #ffffff;outline-offset: 3px}.team-social a[aria-disabled='true']{cursor: not-allowed;opacity: 0.46;filter: grayscale(0.35)}.team-social a[aria-disabled='true']:hover{transform: none;box-shadow: none}@media (max-width: 992px),(hover: none),(pointer: coarse){#home.hero{opacity: 1;transform: none;transition: opacity 0.2s ease}#home.hero::before{filter: none;opacity: 0.6;transform: none}#home.hero::after{background: linear-gradient(180deg,rgba(3,12,22,0.94) 0%,rgba(5,19,32,0.76) 42%,rgba(3,12,22,0.94) 100%),linear-gradient(135deg,rgba(21,112,160,0.2),rgba(255,216,107,0.08))}#home .hero-wrapper::after,#home .hero-buttons .btn-primary::before,#home .hero-buttons .btn-secondary::before,#home .hero-image::before,#home .hero-image::after{display: none !important}#home .hero-image,#home .hero-image img,.section-title h2::after,.blog-header h2::after,.testimonial-header h2::after,.about-icon,.team-avatar::before,.team-avatar::after,.pricing-card,.pricing-card.popular{animation: none !important}#home .hero-social a,#home .hero-buttons .btn-primary,#home .hero-buttons .btn-secondary,.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{transition: border-color 0.16s ease,background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease !important}.nav-menu{-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.nav-menu a,.dropdown-menu a,.dropdown-toggle{min-height: 48px;align-items: center}.dropdown-caret-button{min-width: 44px;min-height: 44px}.nav-menu a:focus-visible,.dropdown-menu a:focus-visible{background: rgba(255,216,107,0.16)}.portfolio-expand-hint,.blog-dots button,.dashboard-carousel-dots button,.testimonial-dots span{min-width: 44px;min-height: 44px}.wa-floating,body .wa-floating{animation: none !important;transform: translate3d(0,0,0)}.wa-button{min-width: 158px;min-height: 50px;height: 50px;padding: 8px 15px 8px 10px;gap: 9px}.wa-button::after{animation: none !important;opacity: 0.34;transform: scale(1)}.wa-button:hover,.wa-button:focus-visible{transform: translate3d(0,-1px,0)}}@media (max-width: 640px){.container{width: min(100% - 28px,540px)}#home .hero-wrapper{width: min(100% - 28px,520px)}#home .hero-content h1{max-width: 11.5em}#home .hero-buttons{max-width: 318px}.wa-floating,body .wa-floating{left: max(10px,env(safe-area-inset-left,0px)) !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important;max-width: calc(100vw - 20px)}.wa-button{min-width: 150px;min-height: 48px;height: 48px;padding-right: 13px}.wa-button-text{font-size: 12px}}@media (max-width: 360px){.wa-button{min-width: 142px;gap: 7px;padding-inline: 9px 11px}.wa-button-text{font-size: 11.2px}}@media (prefers-reduced-data: reduce){#home.hero::before{opacity: 0.42}.wa-button::after,#home .hero-image,#home .hero-image img{animation: none !important}}.wa-floating,body .wa-floating{left: max(14px,env(safe-area-inset-left,0px)) !important;right: auto !important;bottom: calc(18px + env(safe-area-inset-bottom,0px)) !important;z-index: 1240;gap: 6px;max-width: calc(100vw - 28px);animation: none !important;transform: translate3d(0,0,0) !important;contain: layout style;pointer-events: none}.wa-popup{max-width: min(184px,calc(100vw - 28px));padding: 7px 10px;border-radius: 10px;border: 1px solid rgba(9,132,72,0.14);background: rgba(255,255,255,0.96);color: #10324a;box-shadow: 0 10px 24px rgba(3,16,28,0.14);transform: translate3d(0,4px,0)}.wa-popup::before{left: 18px;border-color: rgba(9,132,72,0.12);background: rgba(255,255,255,0.96)}.wa-popup span{font-size: 11.2px;font-weight: 760;line-height: 1.25}.wa-button{pointer-events: auto;width: auto;min-width: 136px;min-height: 46px;height: 46px;gap: 8px;padding: 7px 12px 7px 9px;border-radius: 999px;border: 1px solid rgba(198,255,222,0.34);background: linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0)),linear-gradient(135deg,#16c96b 0%,#0eab59 58%,#08733f 100%);box-shadow: 0 12px 24px rgba(0,152,78,0.22),0 6px 14px rgba(3,16,28,0.13),inset 0 1px 0 rgba(255,255,255,0.24);transition: transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease,background-color 0.18s ease}.wa-button::after{content: '';display: block !important;position: absolute;inset: -2px;z-index: -1;border-radius: inherit;border: 1px solid rgba(34,211,125,0.18);opacity: 0;transform: scale(1);animation: none !important;transition: opacity 0.18s ease}.wa-button img{flex: 0 0 23px;width: 23px;height: 23px;filter: drop-shadow(0 3px 5px rgba(0,0,0,0.14))}.wa-button-text{display: block;color: #ffffff;font-size: 11.8px;font-weight: 820;line-height: 1.05;letter-spacing: 0;white-space: nowrap;text-shadow: 0 1px 1px rgba(0,0,0,0.16)}.wa-button:hover,.wa-button:focus-visible{border-color: rgba(215,255,232,0.54);box-shadow: 0 14px 28px rgba(0,152,78,0.28),0 8px 16px rgba(3,16,28,0.15),inset 0 1px 0 rgba(255,255,255,0.3);transform: translate3d(0,-1px,0)}.wa-button:hover::after,.wa-button:focus-visible::after{opacity: 1}.wa-badge{display: none !important}@media (max-width: 768px){.wa-floating,body .wa-floating{left: max(12px,env(safe-area-inset-left,0px)) !important;bottom: calc(12px + env(safe-area-inset-bottom,0px)) !important;max-width: 52px}.wa-popup{display: none}.wa-button{width: 48px;min-width: 48px;min-height: 48px;height: 48px;justify-content: center;gap: 0;padding: 0;border-radius: 50%;box-shadow: 0 10px 22px rgba(0,152,78,0.24),0 5px 12px rgba(3,16,28,0.14),inset 0 1px 0 rgba(255,255,255,0.24)}.wa-button img{flex-basis: 24px;width: 24px;height: 24px}.wa-button-text{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}}@media (max-width: 360px){.wa-floating,body .wa-floating{left: max(10px,env(safe-area-inset-left,0px)) !important;bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important}.wa-button{width: 46px;min-width: 46px;min-height: 46px;height: 46px}.wa-button img{flex-basis: 22px;width: 22px;height: 22px}}@media (prefers-reduced-motion: reduce){.wa-button,.wa-button::after,.wa-popup{transition-duration: 0.01ms !important}}@supports (content-visibility: auto){#about,#layanan,#pricing-section,#portfolio,#blog,#testimoni,#kontak{content-visibility: auto;contain-intrinsic-size: auto 820px}#home,#kontak{content-visibility: visible}}@media (max-width: 992px),(hover: none),(pointer: coarse){html{scroll-padding-top: 66px}body{background: #f5f8fc;text-rendering: optimizeSpeed}.navbar,.navbar.scrolled{padding: 6px 0 !important;background: rgba(7,29,48,0.96) !important;border-bottom-color: rgba(255,255,255,0.12) !important;box-shadow: 0 8px 22px rgba(3,16,28,0.18) !important}.nav-wrapper{min-height: 48px !important}.logo-area{min-height: 40px !important;gap: 8px !important;padding: 2px 7px 2px 2px !important}.logo-area img{flex-basis: 38px !important;width: 38px !important;height: 38px !important}.logo-area span{max-width: 140px;font-size: 12.8px !important;line-height: 1.08 !important}.hamburger{width: 46px !important;height: 46px !important;border-radius: 10px !important}.nav-menu{top: 60px !important;left: max(10px,env(safe-area-inset-left,0px)) !important;right: max(10px,env(safe-area-inset-right,0px)) !important;max-height: calc(100svh - 74px) !important;padding: 10px !important;gap: 6px !important;border-radius: 10px !important;background: #08263c !important;box-shadow: 0 16px 34px rgba(3,16,28,0.26) !important;contain: layout paint style}.nav-menu a,.dropdown>a,.dropdown-menu a{min-height: 46px !important;padding: 10px 12px !important;border-radius: 8px !important;font-size: 14px !important;line-height: 1.25 !important}#home.hero{min-height: auto !important;padding: 102px 0 58px !important}#home .hero-wrapper{width: min(100% - 28px,540px) !important;gap: 26px !important}#home .hero-content::before{width: 58px !important;margin-bottom: 16px !important}#home .hero-content h1{max-width: 12.2em !important;font-size: clamp(1.66rem,7.2vw,2.24rem) !important;line-height: 1.1 !important;text-shadow: 0 10px 28px rgba(0,0,0,0.38) !important}#home .hero-content h1 .hero-typewrite{margin-top: 9px !important;font-size: 0.74em !important;line-height: 1.2 !important;filter: none !important}#home .hero-content p,#home .hero-local-seo{max-width: 36ch !important;font-size: 0.94rem !important;line-height: 1.68 !important;text-shadow: none !important}#home .hero-local-seo{margin-top: 14px !important;padding-top: 12px !important}#home .hero-buttons{max-width: 330px !important;gap: 10px !important;margin-top: 24px !important}#home .hero-buttons .btn-primary,#home .hero-buttons .btn-secondary{min-height: 48px !important;padding-inline: 18px !important;font-size: 0.92rem !important}#home .hero-social{gap: 9px !important;margin-top: 18px !important}#home .hero-social a{width: 44px !important;height: 44px !important;box-shadow: none !important}#home .hero-image{width: min(74vw,280px) !important;aspect-ratio: 1 !important}#home .hero-image img{width: min(100%,270px) !important;filter: drop-shadow(0 12px 22px rgba(0,0,0,0.2)) !important}section,#about,#layanan,#pricing-section,#portfolio,#blog,#testimoni,#kontak{padding-block: clamp(56px,12vw,74px) !important}.section-title,.blog-header,.testimonial-header{margin-bottom: 22px !important;padding-inline: 14px}.section-title h2,.blog-header h2,.testimonial-header h2{font-size: clamp(1.45rem,6vw,1.86rem) !important;line-height: 1.18 !important}.section-title p,.blog-header p,.testimonial-header p,.layanan-lead,.portfolio-lead{font-size: 0.92rem !important;line-height: 1.68 !important}:where(.about-card,.team-card,.layanan-group,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.footer-brand,.footer-links,.footer-contact,.footer-social){border-radius: 10px !important;box-shadow: 0 10px 24px rgba(7,29,48,0.12) !important;contain: layout paint style}:where(.about-card,.team-card,.layanan-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card){padding: 18px 16px !important}.layanan-group{padding: 18px 14px !important}.portfolio-content,.blog-content{padding: 17px 15px 18px !important}.portfolio-image,.blog-img{overflow: hidden;border-radius: 8px !important}.portfolio-image img,.blog-img img{transform: none !important;filter: none !important}.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta{min-height: 46px !important;border-radius: 8px !important;font-size: 0.9rem !important}.pricing-container,#blog .blog-slider .blog-container,#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid,.testimonial-track{scroll-snap-type: x proximity !important;scroll-behavior: auto !important;contain: layout paint style}.pricing-card,.blog-card,#portfolio .portfolio-card,.testimonial-card{scroll-snap-align: center !important}.blog-nav-btn,.dashboard-carousel-btn,.nav-btn{width: 42px !important;height: 42px !important;border-radius: 10px !important}.kontak-form input,.kontak-form select,.kontak-form textarea{border-radius: 8px !important;font-size: 16px !important}.site-footer{padding: 46px 0 26px !important}.site-footer .footer-grid{gap: 12px !important}.footer-brand,.footer-links,.footer-contact,.footer-social{padding: 18px 16px !important;background: rgba(255,255,255,0.07) !important}.footer-links a,.footer-contact a,.footer-contact p{min-height: 42px !important;align-items: center !important;font-size: 0.9rem !important}.footer-bottom{margin-top: 12px !important;padding: 14px !important;border-radius: 8px !important}}@media (max-width: 420px){.container{width: min(100% - 22px,420px) !important}#home .hero-wrapper{width: min(100% - 22px,420px) !important}#home .hero-content h1{font-size: clamp(1.5rem,7.8vw,1.9rem) !important}#home .hero-content p,#home .hero-local-seo{max-width: 32ch !important}#home .hero-image{width: min(72vw,238px) !important}.portfolio-content,.blog-content{padding-inline: 14px !important}}@media (min-width: 993px){.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card{will-change: auto !important}}:root{--layout-max: 1180px;--layout-gutter: clamp(16px,4vw,64px);--layout-gutter-mobile: clamp(11px,4vw,18px)}html,body{width: 100%;max-width: 100%;overflow-x: clip !important}body{position: relative}body::before,body::after{max-width: 100%}main,header,footer,section,.navbar,.site-footer,.hero,#home,#about,#layanan,#pricing-section,#portfolio,#blog,#testimoni,#kontak{width: 100%;max-width: 100%;overflow-x: clip}.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,#pricing-section .pricing-container,#blog .blog-container,#blog .blog-slider,#pricing-section .pricing-slider,#portfolio .portfolio-slider,.testimonial-slider{width: min(calc(100% - var(--layout-gutter)),var(--layout-max)) !important;max-width: min(calc(100% - var(--layout-gutter)),var(--layout-max)) !important;margin-left: auto !important;margin-right: auto !important;min-width: 0}.hero-wrapper,.about-grid,.team-grid,.layanan-grid,.portfolio-grid,.pricing-container,.blog-container,.kontak-grid,.footer-grid{min-width: 0}.hero-wrapper>*,.about-grid>*,.team-grid>*,.layanan-grid>*,.portfolio-grid>*,.pricing-container>*,.blog-container>*,.kontak-grid>*,.footer-grid>*{min-width: 0;max-width: 100%}img,svg,canvas,iframe,video{max-width: 100%}:where(h1,h2,h3,h4,p,a,button,span,li,label,input,textarea,select){overflow-wrap: anywhere}:where(.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta,.cta-btn,.wa-button){max-width: 100%;white-space: normal}.nav-menu,.dropdown-menu,.wa-floating,.wa-popup{max-width: calc(100% - var(--layout-gutter-mobile)) !important}@media (max-width: 992px),(hover: none),(pointer: coarse){:root{--layout-gutter: clamp(22px,7vw,38px)}.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,#pricing-section .pricing-container,#blog .blog-container,#blog .blog-slider,#pricing-section .pricing-slider,#portfolio .portfolio-slider,.testimonial-slider{width: min(calc(100% - var(--layout-gutter)),560px) !important;max-width: min(calc(100% - var(--layout-gutter)),560px) !important}.pricing-container,#blog .blog-slider .blog-container,#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid,.testimonial-track{max-width: 100% !important}#blog .blog-slider .blog-card,#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(86vw,360px) !important;max-width: min(86vw,360px) !important}.nav-menu{width: auto !important;max-width: calc(100% - 20px) !important}}@media (max-width: 420px){:root{--layout-gutter: 22px}.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,#pricing-section .pricing-container,#blog .blog-container,#blog .blog-slider,#pricing-section .pricing-slider,#portfolio .portfolio-slider,.testimonial-slider{width: calc(100% - var(--layout-gutter)) !important;max-width: calc(100% - var(--layout-gutter)) !important}#blog .blog-slider .blog-card,#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(88vw,332px) !important;max-width: min(88vw,332px) !important}}:root{--zoom-page-max: 1180px;--zoom-content-gutter: clamp(12px,3.4vw,44px);--zoom-mobile-gutter: clamp(10px,3.8vw,16px)}*,*::before,*::after{box-sizing: border-box}.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,.testimonial-slider{width: 100% !important;max-width: var(--zoom-page-max) !important;padding-left: var(--zoom-content-gutter) !important;padding-right: var(--zoom-content-gutter) !important;margin-left: auto !important;margin-right: auto !important}#pricing-section .pricing-slider,#portfolio .portfolio-slider,#blog .blog-slider{width: 100% !important;max-width: var(--zoom-page-max) !important;padding-left: var(--zoom-content-gutter) !important;padding-right: var(--zoom-content-gutter) !important;margin-left: auto !important;margin-right: auto !important}#pricing-section .pricing-container,#portfolio .portfolio-grid,#blog .blog-container{width: 100% !important;max-width: 100% !important;min-width: 0}.nav-wrapper,#home .hero-wrapper,.about-grid,.team-grid,.layanan-grid,.portfolio-grid,.pricing-container,.blog-container,.kontak-grid,.footer-grid{gap: clamp(14px,2.4vw,28px)}@media (min-width: 993px){#pricing-section .pricing-container,#portfolio .portfolio-grid,#blog .blog-container{overflow: visible !important}}@media (max-width: 992px),(hover: none),(pointer: coarse){.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,.testimonial-slider,#pricing-section .pricing-slider,#portfolio .portfolio-slider,#blog .blog-slider{max-width: 560px !important;padding-left: var(--zoom-mobile-gutter) !important;padding-right: var(--zoom-mobile-gutter) !important}#pricing-section .pricing-container,#portfolio .portfolio-grid,#blog .blog-container,.testimonial-track{width: 100% !important;max-width: 100% !important;padding-left: 0 !important;padding-right: 0 !important;overflow-x: auto !important;overflow-y: visible !important;scroll-padding-inline: var(--zoom-mobile-gutter)}#blog .blog-slider .blog-card,#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card,.testimonial-slider--mobile-swipe .testimonial-card{flex: 0 0 min(88%,344px) !important;max-width: min(88%,344px) !important}.blog-nav-btn,.dashboard-carousel-btn,.nav-btn{transform: translateZ(0)}}@media (max-width: 420px){.container,#home .hero-wrapper,#about .container,#layanan .container,#portfolio .container,#kontak .container,.site-footer .footer-grid,.testimonial-slider,#pricing-section .pricing-slider,#portfolio .portfolio-slider,#blog .blog-slider{padding-left: 11px !important;padding-right: 11px !important}#blog .blog-slider .blog-card,#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card,.testimonial-slider--mobile-swipe .testimonial-card{flex-basis: min(90%,326px) !important;max-width: min(90%,326px) !important}}:root{--hero-parallax-y: 0px}@media (min-width: 1280px){:root{--zoom-page-max: clamp(1180px,92vw,1720px);--zoom-content-gutter: clamp(18px,3vw,56px)}#home .hero-wrapper{grid-template-columns: minmax(0,1.06fr) minmax(360px,0.94fr) !important}#home .hero-content h1{font-size: clamp(3.15rem,4.1vw,4.35rem) !important;max-width: 12.6em !important}#home .hero-content p{max-width: 74ch !important}#home .hero-image{width: min(34vw,520px) !important}}@media (min-width: 1680px){:root{--zoom-page-max: clamp(1480px,94vw,2360px);--zoom-content-gutter: clamp(24px,3vw,72px)}#home .hero-wrapper{min-height: min(720px,calc(100svh - 190px)) !important}}@media (min-width: 993px){#home.hero::before{transform: translate3d(0,var(--hero-parallax-y),0) scale(1.012);will-change: transform}html.motion-enhanced *:where(.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta){transform: translateZ(0);backface-visibility: hidden}}@media (max-width: 992px),(hover: none),(pointer: coarse){#home.hero::before{transform: none !important;will-change: auto !important}html.motion-enhanced *:where(.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card){transform: none;backface-visibility: visible}}@media (prefers-reduced-motion: reduce){#home.hero::before{transform: none !important;will-change: auto !important}}@media (max-width: 640px){#home.hero{overflow-x: clip !important}#home .hero-wrapper,#home .hero-content,#home .hero-content h1{min-width: 0 !important;max-width: 100% !important}#home .hero-content h1{width: min(100%,10.8em) !important;margin-inline: auto !important;font-size: clamp(1.42rem,6.45vw,1.72rem) !important;line-height: 1.15 !important;text-wrap: pretty !important;overflow-wrap: anywhere !important}#home .hero-content h1 .hero-typewrite{max-width: 100% !important;font-size: 0.72em !important;line-height: 1.22 !important;overflow-wrap: anywhere !important}#home .hero-content p,#home .hero-local-seo{width: min(100%,32ch) !important;max-width: calc(100vw - 44px) !important;margin-left: auto !important;margin-right: auto !important;overflow-wrap: break-word !important}#home .hero-local-seo{width: min(100%,28ch) !important}#home .hero-buttons{width: min(100%,306px) !important;max-width: 100% !important;margin-inline: auto !important}}@media (max-width: 380px){#home .hero-content h1{width: min(100%,10.4em) !important;font-size: clamp(1.34rem,6.2vw,1.56rem) !important}#home .hero-content h1 .hero-typewrite{font-size: 0.7em !important}#home .hero-content p,#home .hero-local-seo{width: min(100%,28ch) !important;max-width: calc(100vw - 36px) !important}#home .hero-local-seo{width: min(100%,25ch) !important}}:root{--section-card-gap: clamp(16px,1.7vw,24px);--pricing-card-min: 300px;--pricing-card-max: 382px;--portfolio-card-min: 276px;--portfolio-card-max: 372px}#pricing-section,#portfolio{overflow-x: clip !important}#pricing-section .pricing-header,#pricing-section .pricing-compare,#pricing-section .pricing-bottom-note,#portfolio .container,#portfolio .portfolio-lead{margin-left: auto !important;margin-right: auto !important}@media (min-width: 993px){#pricing-section .mobile-swipe-hint,#pricing-section .dashboard-carousel-btn,#pricing-section .dashboard-carousel-dots{display: none !important}#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: 100% !important;max-width: var(--zoom-page-max) !important;margin-inline: auto !important;padding: 0 var(--zoom-content-gutter) !important;overflow: visible !important}#pricing-section .pricing-slider .pricing-container{display: flex !important;flex-wrap: wrap !important;justify-content: center !important;align-items: stretch !important;align-content: center !important;gap: var(--section-card-gap) !important;width: 100% !important;max-width: 100% !important;margin-inline: auto !important;padding: 10px 0 18px !important;overflow: visible !important;scroll-snap-type: none !important;scroll-behavior: auto !important;cursor: default !important;user-select: auto !important}#pricing-section .pricing-slider .pricing-card[data-loop-clone='true'],#pricing-section .native-scroll-clone{display: none !important}#pricing-section .pricing-slider .pricing-card{flex: 1 1 clamp(var(--pricing-card-min),calc((100% - (var(--section-card-gap) * 2)) / 3),var(--pricing-card-max)) !important;width: clamp(var(--pricing-card-min),calc((100% - (var(--section-card-gap) * 2)) / 3),var(--pricing-card-max)) !important;max-width: var(--pricing-card-max) !important;min-width: min(100%,var(--pricing-card-min)) !important;scroll-snap-align: none !important}#portfolio .portfolio-slider{padding: 0 clamp(46px,5vw,64px) !important}#portfolio .dashboard-carousel-btn{display: inline-flex !important;top: 50% !important;width: 46px !important;height: 46px !important;border-radius: 12px !important;transform: translateY(-50%) !important;box-shadow: 0 16px 34px rgba(3,16,28,0.2) !important}#portfolio .dashboard-carousel-prev{left: 0 !important}#portfolio .dashboard-carousel-next{right: 0 !important}#portfolio .dashboard-carousel-dots{display: flex !important;margin-top: 10px !important}#portfolio .portfolio-slider .portfolio-grid{display: flex !important;flex-wrap: nowrap !important;justify-content: flex-start !important;align-items: stretch !important;gap: var(--section-card-gap) !important;width: 100% !important;max-width: 100% !important;margin-inline: auto !important;padding: 10px 4px 24px !important;overflow-x: auto !important;overflow-y: visible !important;scroll-snap-type: x mandatory !important;scroll-behavior: smooth !important;scrollbar-width: none !important;-webkit-overflow-scrolling: touch !important;cursor: grab !important;user-select: none !important}#portfolio .portfolio-slider .portfolio-grid::-webkit-scrollbar{display: none !important}#portfolio .portfolio-slider .portfolio-grid.dragging{cursor: grabbing !important;scroll-snap-type: none !important}#portfolio .portfolio-slider .portfolio-card{flex: 0 0 clamp(var(--portfolio-card-min),calc((100% - (var(--section-card-gap) * 3)) / 4),var(--portfolio-card-max)) !important;width: clamp(var(--portfolio-card-min),calc((100% - (var(--section-card-gap) * 3)) / 4),var(--portfolio-card-max)) !important;max-width: var(--portfolio-card-max) !important;min-width: min(100%,var(--portfolio-card-min)) !important;scroll-snap-align: center !important}#pricing-section .pricing-card.popular{transform: translate3d(0,-6px,0) !important}#pricing-section .pricing-card.popular:hover,#pricing-section .pricing-card.popular:focus-within{transform: translate3d(0,-10px,0) !important}#portfolio .portfolio-image img{width: 100% !important}}@media (min-width: 993px) and (max-width: 1180px){#portfolio .portfolio-slider .portfolio-card{flex-basis: clamp(292px,calc((100% - (var(--section-card-gap) * 2)) / 3),360px) !important;width: clamp(292px,calc((100% - (var(--section-card-gap) * 2)) / 3),360px) !important;max-width: 360px !important}}@media (min-width: 1440px){:root{--pricing-card-max: 396px;--portfolio-card-max: 386px}}@media (max-width: 992px),(hover: none),(pointer: coarse){#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(100%,560px) !important;max-width: 560px !important;margin-inline: auto !important;padding-inline: 0 !important;padding-bottom: 36px !important;overflow: visible !important}#pricing-section .dashboard-carousel-btn,#portfolio .dashboard-carousel-btn{display: inline-flex !important;top: calc(50% - 18px) !important;bottom: auto !important;width: 42px !important;height: 42px !important;border-radius: 10px !important;z-index: 8 !important;transform: translateY(-50%) !important;box-shadow: 0 10px 22px rgba(3,16,28,0.16) !important}#pricing-section .dashboard-carousel-prev,#portfolio .dashboard-carousel-prev{left: 3px !important}#pricing-section .dashboard-carousel-next,#portfolio .dashboard-carousel-next{right: 3px !important}#pricing-section .dashboard-carousel-dots,#portfolio .dashboard-carousel-dots{position: absolute !important;left: 50% !important;bottom: 15px !important;min-height: 32px !important;margin: 0 !important;transform: translateX(-50%) !important}#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{display: flex !important;flex-wrap: nowrap !important;justify-content: flex-start !important;gap: 16px !important;width: 100% !important;max-width: 100% !important;margin-inline: auto !important;padding: 8px 48px 22px !important;overflow-x: auto !important;overflow-y: visible !important;scroll-padding-inline: 48px !important;scroll-snap-type: x mandatory !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex: 0 0 min(calc(100% - 96px),354px) !important;width: min(calc(100% - 96px),354px) !important;max-width: min(calc(100% - 96px),354px) !important;min-width: 0 !important;scroll-snap-align: center !important}#pricing-section .pricing-card.popular{transform: none !important}#pricing-section .pricing-card,#portfolio .portfolio-card{border-radius: 10px !important;contain: layout paint style !important}#pricing-section .pricing-card{padding: 20px 16px !important}#pricing-section .pricing-card h3,#portfolio .portfolio-content h3{font-size: clamp(1.12rem,4.8vw,1.34rem) !important;line-height: 1.26 !important}#pricing-section .price{padding: 13px !important;margin: 16px 0 18px !important}#pricing-section .price-value{font-size: clamp(1.12rem,5vw,1.38rem) !important;line-height: 1.2 !important}#pricing-section .pricing-card li,#portfolio .portfolio-content p{font-size: 0.9rem !important;line-height: 1.62 !important}#portfolio .portfolio-content{padding: 18px 15px 20px !important}#portfolio .portfolio-image{aspect-ratio: 16 / 10 !important}#pricing-section .btn-order,#portfolio .portfolio-btn{min-height: 46px !important;border-radius: 8px !important}}@media (max-width: 430px){#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: 100% !important;max-width: 100% !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex-basis: min(calc(100% - 96px),326px) !important;width: min(calc(100% - 96px),326px) !important;max-width: min(calc(100% - 96px),326px) !important}}@media (max-width: 560px){#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(100vw,390px) !important;max-width: min(100vw,390px) !important;margin-left: auto !important;margin-right: auto !important}}html,body,main{min-width: 0;background-color: #071d30}main{isolation: isolate}#home,#layanan,#portfolio,#testimoni,.site-footer{background-color: #071d30}#about,#pricing-section,#blog,#kontak{background-color: #f5f8fc}@supports (overflow: clip){html,body,main{overflow-x: clip}}@media (min-width: 993px){#portfolio .portfolio-slider:not(.native-scroll-carousel--loop) .portfolio-grid{justify-content: center !important}}@media (max-width: 992px),(hover: none),(pointer: coarse){html,body{overscroll-behavior-x: none}#pricing-section .pricing-slider,#portfolio .portfolio-slider{contain: layout;isolation: isolate;padding-bottom: 40px !important}#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{position: relative;z-index: 1}#pricing-section .dashboard-carousel-btn,#portfolio .dashboard-carousel-btn{position: absolute !important;top: 50% !important;bottom: auto !important;z-index: 30 !important;opacity: 0.98 !important;pointer-events: auto !important;transform: translateY(-50%) !important}#pricing-section .dashboard-carousel-prev,#portfolio .dashboard-carousel-prev{left: clamp(2px,1vw,6px) !important}#pricing-section .dashboard-carousel-next,#portfolio .dashboard-carousel-next{right: clamp(2px,1vw,6px) !important}#pricing-section .dashboard-carousel-dots,#portfolio .dashboard-carousel-dots{bottom: 14px !important;z-index: 24 !important}}.nav-menu .menu-icon,.dropdown-menu .sidebar-only-icon{display: none !important}@media (max-width: 992px),(hover: none),(pointer: coarse){body::before{content: '' !important;position: fixed;inset: 0;z-index: 1390;visibility: hidden;pointer-events: none;background: radial-gradient(circle at 82% 10%,rgba(123,215,255,0.14),transparent 30%),rgba(3,14,24,0.64);opacity: 0;transition: opacity 0.24s cubic-bezier(0.22,1,0.36,1),visibility 0.24s ease}body.menu-open::before{visibility: visible;pointer-events: auto;opacity: 1}.navbar,.navbar.scrolled{z-index: 1400 !important}.hamburger{border-radius: 13px !important;border-color: rgba(255,255,255,0.18) !important;background: linear-gradient(180deg,rgba(255,255,255,0.13),rgba(255,255,255,0.04)),rgba(255,255,255,0.075) !important;box-shadow: 0 12px 24px rgba(3,16,28,0.2),inset 0 1px 0 rgba(255,255,255,0.12) !important;transition: transform 0.18s ease,border-color 0.18s ease,background-color 0.18s ease,box-shadow 0.18s ease !important}.hamburger.active{border-color: rgba(255,216,107,0.5) !important;background: linear-gradient(180deg,rgba(255,216,107,0.2),rgba(255,255,255,0.055)),rgba(255,255,255,0.09) !important}.hamburger span{width: 19px !important;background: linear-gradient(90deg,#ffffff,#ffd86b) !important;transition: transform 0.22s cubic-bezier(0.22,1,0.36,1),opacity 0.18s ease !important}.nav-menu{top: calc(58px + env(safe-area-inset-top,0px)) !important;left: max(12px,env(safe-area-inset-left,0px)) !important;right: max(12px,env(safe-area-inset-right,0px)) !important;z-index: 1410 !important;width: auto !important;max-height: calc(100svh - 78px - env(safe-area-inset-top,0px)) !important;padding: 12px !important;gap: 7px !important;border-radius: 18px !important;border: 1px solid rgba(255,255,255,0.16) !important;background: linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.025)),linear-gradient(150deg,#071d30 0%,#08283f 54%,#093550 100%) !important;box-shadow: 0 28px 70px rgba(2,12,22,0.46),0 10px 26px rgba(3,16,28,0.24),inset 0 1px 0 rgba(255,255,255,0.1) !important;opacity: 0;visibility: hidden;pointer-events: none;transform: translate3d(0,-10px,0) scale(0.985) !important;transform-origin: top center;transition: opacity 0.22s ease,visibility 0.22s ease,transform 0.28s cubic-bezier(0.22,1,0.36,1) !important;contain: layout paint style}.nav-menu.active{opacity: 1;visibility: visible;pointer-events: auto;transform: translate3d(0,0,0) scale(1) !important}.nav-menu a,.nav-menu>a,.dropdown>a,.dropdown-menu a{min-height: 50px !important;width: 100%;display: flex !important;align-items: center !important;gap: 11px !important;padding: 8px 12px !important;border-radius: 12px !important;border: 1px solid rgba(255,255,255,0.075) !important;background: rgba(255,255,255,0.045) !important;color: rgba(239,247,255,0.82) !important;font-size: 14.5px !important;font-weight: 750 !important;line-height: 1.25 !important;box-shadow: none !important;text-shadow: none !important;touch-action: manipulation;-webkit-tap-highlight-color: transparent}.nav-menu .nav-label,.dropdown-menu a span{flex: 1;min-width: 0}.nav-menu .menu-icon,.dropdown-menu .sidebar-only-icon{display: inline-grid !important;flex: 0 0 30px !important;width: 30px !important;height: 30px !important;place-items: center;border-radius: 9px;color: #ffd86b !important;font-size: 13px !important;background: linear-gradient(145deg,rgba(255,216,107,0.16),rgba(123,215,255,0.1)),rgba(255,255,255,0.055);border: 1px solid rgba(255,255,255,0.08);opacity: 1 !important;transform: none !important}.nav-menu a:hover,.nav-menu a.active,.dropdown>a:hover,.dropdown>a.active,.dropdown.open>a,.dropdown-menu a:hover,.dropdown-menu a.active{color: #ffffff !important;background: linear-gradient(135deg,rgba(255,216,107,0.14),rgba(123,215,255,0.08)),rgba(255,255,255,0.06) !important;border-color: rgba(255,216,107,0.28) !important}.nav-menu a.active .menu-icon,.nav-menu a:hover .menu-icon,.dropdown.open>a .menu-icon,.dropdown-menu a:hover .sidebar-only-icon,.dropdown-menu a.active .sidebar-only-icon{color: #ffffff !important;background: linear-gradient(145deg,rgba(255,216,107,0.28),rgba(123,215,255,0.16)),rgba(255,255,255,0.075)}.dropdown-caret-button{flex: 0 0 34px !important;width: 34px !important;height: 34px !important;margin-left: auto !important;border-radius: 10px !important;background: rgba(255,255,255,0.06) !important;touch-action: manipulation}.dropdown-menu{gap: 6px !important;margin: 0 !important;padding: 0 0 0 42px !important;border-left: 1px solid rgba(123,215,255,0.18) !important;background: transparent !important;transition: max-height 0.28s cubic-bezier(0.22,1,0.36,1),opacity 0.2s ease,padding-top 0.28s cubic-bezier(0.22,1,0.36,1),padding-bottom 0.28s cubic-bezier(0.22,1,0.36,1) !important}.dropdown.open .dropdown-menu{max-height: 280px !important;padding-top: 6px !important;padding-bottom: 2px !important}.dropdown-menu a{min-height: 46px !important;padding: 8px 11px !important;color: rgba(239,247,255,0.76) !important;font-size: 13.8px !important;background: rgba(255,255,255,0.032) !important}#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(calc(100% - 24px),540px) !important;max-width: 540px !important;padding: 4px 0 42px !important}#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid{gap: 16px !important;padding: 10px 12px 28px !important;scroll-padding-inline: 12px !important;scroll-snap-type: x mandatory !important;scroll-behavior: smooth !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex: 0 0 min(calc(100% - 24px),360px) !important;width: min(calc(100% - 24px),360px) !important;max-width: min(calc(100% - 24px),360px) !important;min-width: 0 !important;border-radius: 16px !important;scroll-snap-align: center !important}#pricing-section .pricing-card,#pricing-section .pricing-card.popular{padding: 23px 18px !important}#pricing-section .pricing-card h3,#portfolio .portfolio-content h3{font-size: clamp(1.18rem,5vw,1.42rem) !important;line-height: 1.24 !important}#pricing-section .pricing-copy,#pricing-section .pricing-note,#portfolio .portfolio-content p{font-size: 0.94rem !important;line-height: 1.68 !important}#pricing-section .price{padding: 15px !important;margin: 17px 0 19px !important;border-radius: 12px !important}#pricing-section .price-value{font-size: clamp(1.16rem,5.2vw,1.44rem) !important}#pricing-section .pricing-card li{font-size: 0.92rem !important;line-height: 1.6 !important}#portfolio .portfolio-image{margin: 10px 10px 0 !important;border-radius: 12px !important;aspect-ratio: 16 / 10 !important}#portfolio .portfolio-content{padding: 20px 17px 22px !important;gap: 10px !important}#pricing-section .btn-order,#portfolio .portfolio-btn{min-height: 48px !important;border-radius: 10px !important;font-size: 0.93rem !important}#pricing-section .dashboard-carousel-btn,#portfolio .dashboard-carousel-btn{top: calc(50% - 12px) !important;width: 40px !important;height: 40px !important;border-radius: 10px !important}#pricing-section .dashboard-carousel-prev,#portfolio .dashboard-carousel-prev{left: 2px !important}#pricing-section .dashboard-carousel-next,#portfolio .dashboard-carousel-next{right: 2px !important}#pricing-section .dashboard-carousel-dots,#portfolio .dashboard-carousel-dots{bottom: 8px !important}.blog-card::after,.pricing-card::after,#portfolio .portfolio-card::after,.blog-img::before{display: none !important}}@media (max-width: 420px){#pricing-section .pricing-slider,#portfolio .portfolio-slider{width: min(calc(100% - 20px),420px) !important}#pricing-section .pricing-slider .pricing-card,#portfolio .portfolio-slider .portfolio-card{flex-basis: min(calc(100% - 22px),344px) !important;width: min(calc(100% - 22px),344px) !important;max-width: min(calc(100% - 22px),344px) !important}}html{scroll-behavior: smooth}body{overscroll-behavior-y: none}.nav-menu>a.active,.dropdown>a.active,.dropdown.has-active-child>a{color: #ffffff !important}.dropdown.has-active-child>a::after{width: calc(100% - 16px);opacity: 1}body.section-transitioning::after{content: '';position: fixed;inset: 0;z-index: 998;display: block !important;pointer-events: none;background: linear-gradient(90deg,rgba(255,216,107,0),rgba(255,216,107,0.1),rgba(123,215,255,0.08),rgba(255,216,107,0)),rgba(7,29,48,0.035);opacity: 0;animation: menuSectionSlideGlow 0.62s cubic-bezier(0.22,1,0.36,1) both}section.section-focus{animation: sectionFocusLift 0.62s cubic-bezier(0.22,1,0.36,1) both !important}@keyframes menuSectionSlideGlow{0%{opacity: 0;transform: translate3d(-18px,0,0)}36%{opacity: 1}100%{opacity: 0;transform: translate3d(18px,0,0)}}@keyframes sectionFocusLift{0%{transform: translate3d(0,10px,0)}100%{transform: translate3d(0,0,0)}}.reveal{opacity: 0;transform: translate3d(0,22px,0) scale(0.988);filter: none !important;transition: opacity 0.56s ease,transform 0.68s cubic-bezier(0.22,1,0.36,1) !important}.reveal-left{transform: translate3d(-18px,18px,0) scale(0.988)}.reveal-right{transform: translate3d(18px,18px,0) scale(0.988)}.reveal-scale{transform: translate3d(0,18px,0) scale(0.975)}.reveal.active,.reveal.active.reveal-left,.reveal.active.reveal-right,.reveal.active.reveal-scale,.pricing-container>.reveal-auto.active,.blog-container>.reveal-auto.active,.footer-grid>.reveal-auto.active{opacity: 1;transform: translate3d(0,0,0) scale(1)}.native-scroll-carousel{contain: layout paint;isolation: isolate}.native-scroll-track{contain: layout paint style;scroll-behavior: smooth !important;scroll-snap-type: x mandatory !important;scrollbar-width: none !important;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain}.native-scroll-carousel.is-autoplaying .native-scroll-track{scroll-behavior: smooth !important}.native-scroll-carousel.is-swiping .native-scroll-track{scroll-snap-type: x proximity !important}.native-scroll-track.is-normalizing{scroll-behavior: auto !important;scroll-snap-type: none !important}.native-scroll-track::-webkit-scrollbar{display: none !important}.native-scroll-carousel--loop .native-scroll-clone{display: flex !important;opacity: 1 !important;visibility: visible !important;filter: none !important;pointer-events: none !important}.native-scroll-carousel--loop .native-scroll-track{cursor: grab !important}.native-scroll-carousel--loop .native-scroll-track.dragging,.native-scroll-carousel--loop.is-swiping{cursor: grabbing !important}.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{backface-visibility: hidden;transform-origin: center;will-change: auto !important}.native-scroll-carousel.is-swiping .pricing-card,.native-scroll-carousel.is-swiping .portfolio-card,.native-scroll-carousel.is-swiping .blog-card,.native-scroll-carousel.is-swiping .testimonial-card{transition: opacity 0.12s ease,border-color 0.12s ease !important}#pricing-section .pricing-slider.is-swiping .pricing-card{--carousel-card-raise: 0px;--carousel-card-scale-boost: 0}#portfolio .portfolio-slider.is-swiping .portfolio-card.is-active,#blog .blog-slider.is-swiping .blog-card.is-active,.testimonial-slider--mobile-swipe.is-swiping .testimonial-card.active{transform: none !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .pricing-card[data-loop-clone='true'],#portfolio .portfolio-slider.native-scroll-carousel--loop .portfolio-card[data-loop-clone='true'],#blog .blog-slider.native-scroll-carousel--loop .blog-card[data-loop-clone='true'],.testimonial-slider.native-scroll-carousel--loop .testimonial-card[data-loop-clone='true']{display: flex !important;opacity: 0.86 !important}.native-scroll-carousel--loop .native-scroll-clone.is-active,.native-scroll-carousel--loop .native-scroll-clone.active{opacity: 1 !important}@media (min-width: 993px){#pricing-section .pricing-slider.native-scroll-carousel--loop{width: 100% !important;max-width: var(--zoom-page-max) !important;padding: 0 clamp(46px,5vw,64px) !important;overflow: visible !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .pricing-container{display: flex !important;flex-wrap: nowrap !important;justify-content: flex-start !important;align-items: stretch !important;gap: var(--section-card-gap) !important;width: 100% !important;max-width: 100% !important;margin-inline: auto !important;padding: 10px 4px 24px !important;overflow-x: auto !important;overflow-y: visible !important;scroll-padding-inline: 4px !important;scroll-snap-type: x mandatory !important;cursor: grab !important;user-select: none !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .pricing-card{flex: 0 0 clamp(310px,calc((100% - (var(--section-card-gap) * 2)) / 3),382px) !important;width: clamp(310px,calc((100% - (var(--section-card-gap) * 2)) / 3),382px) !important;max-width: 382px !important;min-width: min(100%,310px) !important;scroll-snap-align: center !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-btn,#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-dots{display: flex !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-btn{top: 50% !important;width: 46px !important;height: 46px !important;border-radius: 12px !important;transform: translateY(-50%) !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-prev{left: 0 !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-next{right: 0 !important}#pricing-section .pricing-slider.native-scroll-carousel--loop .dashboard-carousel-dots{margin-top: 10px !important}}@media (max-width: 992px),(hover: none),(pointer: coarse){html{scroll-behavior: smooth !important}body.section-transitioning::after{animation-duration: 0.42s}section.section-focus{animation-duration: 0.42s !important}.reveal,.reveal-left,.reveal-right,.reveal-scale{transform: translate3d(0,14px,0) scale(0.992);transition: opacity 0.38s ease,transform 0.48s cubic-bezier(0.22,1,0.36,1) !important}.native-scroll-track{scroll-snap-type: x proximity !important;scroll-behavior: smooth !important}.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{transition: transform 0.18s ease,opacity 0.16s ease,border-color 0.16s ease,box-shadow 0.18s ease !important}.native-scroll-carousel--loop .native-scroll-clone{opacity: 0.88 !important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto !important}body.section-transitioning::after,section.section-focus{animation: none !important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity: 1 !important;transform: none !important;transition: none !important}.native-scroll-track{scroll-behavior: auto !important}}body{overscroll-behavior-y: auto}body.section-transitioning::after{content: none !important;display: none !important;animation: none !important}section.section-focus{animation: none !important}#home.hero::before{will-change: auto !important}:where( .reveal,.reveal-left,.reveal-right,.reveal-scale,.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card,.hero-image,.hero-image img,.logo-area img,.navbar .cta-btn,.nav-menu a ){will-change: auto !important}.nav-menu a::after{will-change: auto !important}html.is-page-scrolling #home .hero-image img,html.is-page-scrolling .section-title h2::after,html.is-page-scrolling .blog-header h2::after,html.is-page-scrolling .testimonial-header h2::after,html.is-page-scrolling .about-icon,html.is-page-scrolling .team-avatar::before,html.is-page-scrolling .team-avatar::after,html.is-page-scrolling .team-social a,html.is-page-scrolling .pricing-card,html.is-page-scrolling .pricing-card.popular,html.is-page-scrolling .price,html.is-page-scrolling .mobile-swipe-hint,html.is-page-scrolling .kontak-card::before,html.is-page-scrolling .kontak-item i,html.is-page-scrolling .kontak-form input,html.is-page-scrolling .kontak-form textarea,html.is-page-scrolling .kontak-form select,html.is-page-scrolling .wa-button::after{animation-play-state: paused !important}html.is-page-scrolling :where(.reveal,.reveal-left,.reveal-right,.reveal-scale){transition-duration: 0.22s,0.28s !important}html.is-page-scrolling .native-scroll-carousel:not(.is-swiping) .native-scroll-track{scroll-behavior: auto !important}@supports (content-visibility: auto){main>section:not(#home){content-visibility: auto;contain-intrinsic-size: auto 920px}#pricing-section,#portfolio,#blog,#testimoni{contain-intrinsic-size: auto 980px}}@media (max-width: 992px),(hover: none),(pointer: coarse){.native-scroll-track,#pricing-section .pricing-slider .pricing-container,#portfolio .portfolio-slider .portfolio-grid,#blog .blog-slider .blog-container,.testimonial-track{scroll-behavior: auto !important;scroll-snap-type: x proximity !important;overscroll-behavior-x: contain}.native-scroll-carousel .pricing-card,.native-scroll-carousel .portfolio-card,.native-scroll-carousel .blog-card,.native-scroll-carousel .testimonial-card{transition: opacity 0.12s ease,border-color 0.12s ease,background-color 0.12s ease !important}#pricing-section .pricing-slider .pricing-card.is-active,#portfolio .portfolio-slider .portfolio-card.is-active,#blog .blog-slider .blog-card.is-active,.testimonial-slider--mobile-swipe .testimonial-card.active{transform: none !important}}#home .hero-wrapper{grid-template-columns: minmax(0,1.18fr) minmax(300px,0.82fr) !important;gap: clamp(42px,5vw,62px) !important;align-items: center !important}#home .hero-content{align-self: center !important}#home .hero-image{justify-self: end !important;align-self: center !important;width: clamp(330px,31vw,430px) !important;min-width: 0 !important;max-width: 100% !important;aspect-ratio: 507 / 492 !important;margin: clamp(-12px,-0.8vw,-4px) 0 0 !important;padding: 0 !important;border: 0 !important;background: transparent !important;box-shadow: none !important}#home .hero-image::before,#home .hero-image::after{content: none !important;display: none !important}#home .hero-image img{display: block !important;width: min(100%,410px) !important;max-width: 100% !important;height: auto !important;aspect-ratio: auto !important;object-fit: contain !important;margin: 0 auto !important;border: 0 !important;background: transparent !important;box-shadow: none !important;filter: drop-shadow(0 24px 42px rgba(0,0,0,0.26)) saturate(1.05) !important}@media (max-width: 1200px){#home .hero-wrapper{grid-template-columns: minmax(0,1.12fr) minmax(280px,0.88fr) !important;gap: clamp(36px,4.6vw,50px) !important}#home .hero-image{width: clamp(300px,32vw,390px) !important}#home .hero-image img{width: min(100%,380px) !important}}@media (max-width: 992px){#home .hero-wrapper{grid-template-columns: 1fr !important;gap: clamp(30px,5vw,42px) !important;align-items: center !important}#home .hero-image{justify-self: center !important;width: min(64vw,360px) !important;margin-top: -2px !important}#home .hero-image img{width: min(100%,360px) !important;filter: drop-shadow(0 18px 30px rgba(0,0,0,0.22)) saturate(1.04) !important}}@media (max-width: 640px){#home .hero-wrapper{gap: 24px !important}#home .hero-image{width: min(74vw,276px) !important;margin-top: 0 !important}#home .hero-image img{width: min(100%,276px) !important;filter: drop-shadow(0 12px 22px rgba(0,0,0,0.2)) saturate(1.03) !important}}@media (max-width: 420px){#home .hero-image{width: min(70vw,236px) !important}#home .hero-image img{width: min(100%,236px) !important}}html.is-page-scrolling :where( #home .hero-image,#home .hero-image img,.section-title h2::after,.blog-header h2::after,.testimonial-header h2::after,.about-icon,.team-avatar::before,.team-avatar::after,.team-social a,#pricing-section .pricing-card,#pricing-section .pricing-card.popular,#pricing-section .price,#pricing-section .price::before,.popular-badge,.mobile-swipe-hint,.testimonial-card::before,.testimonial-card::after,.testimonial-text::before,.kontak-card::before,.kontak-item i,.kontak-form input,.kontak-form textarea,.kontak-form select,.wa-floating,.wa-button,.wa-button::after,.footer-grid>*,.footer-bottom ){animation-play-state: paused !important}html.is-page-scrolling :where( .navbar,.nav-menu a,.dropdown-menu a,.btn-primary,.btn-secondary,.portfolio-btn,.blog-btn,.btn-order,.kontak-submit,.layanan-mini-cta,.about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card ){transition-duration: 0.12s !important}@media (max-width: 992px),(hover: none),(pointer: coarse){:where( #home .hero-image,#home .hero-image img,.section-title h2::after,.blog-header h2::after,.testimonial-header h2::after,.about-icon,.team-avatar::before,.team-avatar::after,.team-social a,#pricing-section .pricing-card,#pricing-section .pricing-card.popular,#pricing-section .price,.popular-badge,.mobile-swipe-hint,.testimonial-card::before,.testimonial-card::after,.testimonial-text::before,.kontak-card::before,.kontak-item i,.kontak-form input,.kontak-form textarea,.kontak-form select,.wa-floating,.wa-button,.wa-button::after ){animation: none !important}:where( .navbar,.navbar.scrolled,.nav-menu,.dropdown-menu,#home .hero-buttons .btn-secondary,#home .hero-social a,.pricing-card,.portfolio-card,.blog-card,.testimonial-card,.kontak-card,.site-footer,.footer-brand,.footer-links,.footer-contact,.footer-social ){-webkit-backdrop-filter: none !important;backdrop-filter: none !important}:where( .about-card,.team-card,.layanan-card,.portfolio-card,.pricing-card,.blog-card,.testimonial-card,.kontak-card ){will-change: auto !important;transform: none}.native-scroll-carousel,.native-scroll-track{contain: layout paint style}}