@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&display=swap";
:root{--font-primary:"Goudy Old Style", Georgia, serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:clamp(32px, 3.5vw, 44px);--text-5xl:clamp(32px, 4vw, 56px);--line-tight:1.1;--line-normal:1.6;--line-relaxed:1.7;--line-loose:1.8;--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--navy:#1e3a5f;--navy-dark:#152b4a;--bright-blue:#2563eb;--bright-blue-dark:#1d4ed8;--gold:#c9a84c;--gold-light:#e0c26a;--green:#2d6a4f;--green-light:#52b788;--cream:#f8f5ef;--white:#fff;--earth:#a0785a;--earth-light:#c4a882;--earth-dark:#7a5e42;--about-card-title:var(--gold-light);--brand-grahita:#5b8cff;--brand-adhi:#a97b2d;--brand-sasmita:#5b8cff;--brand-grahita-bg:#5b8cff14;--brand-grahita-border:#5b8cff26;--mobile-drawer-bg:var(--navy-dark);--bg-primary:var(--navy-dark);--bg-secondary:#1e3a5f80;--text-primary:#fff;--text-secondary:#ffffffb3;--accent-gold:var(--gold-light);--accent-gold-dark:var(--gold);--accent-blue:var(--bright-blue);--accent-blue-dark:var(--bright-blue-dark);--accent-green:var(--green);--accent-green-light:var(--green-light);--accent-earth:var(--earth);--accent-earth-light:var(--earth-light);--border-subtle:#ffffff1a;--overlay-gold:#c9a84c26;--card-bg:#ffffff08;--card-border:#ffffff0f;--section-bg-alt:#ffffff05;--input-bg:#ffffff0d;--input-border:#ffffff1a;--select-option-bg:#2a3a5c;--select-option-text:#fff;--select-option-bg-hover:#3a4a6c;--select-option-text-hover:#fff;--cta-bg:var(--gold);--cta-text:var(--navy-dark);--cta-text-muted:#152b4aa6;--cta-btn-bg:var(--navy-dark);--cta-btn-text:var(--gold-light);--modal-bg:#152b4afa;--modal-border:#c9a84c33;--modal-company-text:var(--gold-light);--navbar-bg:#152b4ad9;--navbar-bg-scrolled:#152b4af7;--navbar-text:var(--text-secondary);--hero-bg:var(--navy-dark);--hero-overlay:#0a1428f7;--hero-overlay-mid:#0a1428e0;--hero-overlay-mid2:#0a142873;--hero-overlay-2:#0a1428;--hero-statement-bg:#00000059;--hero-text:#fffffff2;--hero-heading:var(--gold-light);--hero-statement-text:var(--gold-light);--hero-heading-primary:var(--gold-light);--footer-bg:var(--navy-dark);--footer-text:#fff9;--footer-text-muted:#fff6;--footer-heading:var(--white);--footer-link:#ffffffb3;--footer-border:#ffffff0f}html.light-mode{--bg-primary:#f0f8ff;--bg-secondary:#fcfaf7;--text-primary:#0c1163;--text-secondary:#1e3a5fb3;--accent-gold:var(--gold);--accent-gold-dark:#9e7629;--accent-blue:var(--bright-blue);--accent-blue-dark:var(--bright-blue-dark);--accent-green:var(--green-light);--accent-green-light:#74c69d;--accent-earth:var(--earth);--accent-earth-light:var(--earth-light);--border-subtle:#1e3a5f1a;--overlay-gold:#c9a84c14;--brand-grahita:#0c1163;--brand-adhi:#a97b2d;--brand-sasmita:#0c1163;--brand-grahita-bg:#0c116314;--brand-grahita-border:#0c116326;--about-card-title:#0c1163;--card-bg:#fff;--card-border:#1e3a5f14;--section-bg-alt:#1e3a5f05;--input-bg:#1e3a5f08;--input-border:#1e3a5f1f;--cta-bg:#fff;--cta-text:#0c1163;--cta-text-muted:#1e3a5fb3;--cta-btn-bg:var(--gold);--cta-btn-text:var(--navy);--modal-bg:#f0f8ff;--modal-border:#c9a84c40;--modal-company-text:var(--accent-gold);--modal-overlay-bg:#f0f8ffd9;--mobile-drawer-bg:var(--bg-primary);--navbar-bg:#4997d0d9;--navbar-bg-scrolled:#4997d0f7;--navbar-text:#fff;--hero-bg:#f0f8ff;--hero-overlay:#f0f8fff7;--hero-overlay-mid:#f0f8ffe0;--hero-overlay-mid2:#f0f8ff73;--hero-overlay-2:#f0f8ff;--hero-statement-bg:#c9a84c14;--hero-text:#1e3a5f;--hero-heading:#1e3a5f;--hero-heading-primary:#0c1163;--hero-statement-text:#1e3a5f;--footer-bg:#4997d0d9;--footer-text:#ffffffd9;--footer-text-muted:#fff9;--footer-heading:#fff;--footer-link:#ffffffe6;--footer-border:#ffffff26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #c9a84c4d}50%{box-shadow:0 0 30px #c9a84c80}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-fade-in-left{animation:.8s ease-out forwards fadeInLeft}.animate-fade-in-right{animation:.8s ease-out forwards fadeInRight}.animate-scale-in{animation:.6s ease-out forwards scaleIn}.animate-slide-in-up{animation:.7s ease-out forwards slideInUp}.animate-glow{animation:2s ease-in-out infinite glow}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}button,a,.card,.service-card,.article-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.grid-item{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.grid-item.animate-visible{opacity:1;transform:translateY(0)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow:hover{box-shadow:0 10px 30px #c9a84c33}.hover-glow-blue:hover{box-shadow:0 10px 30px #5b8cff40}.hover-glow-gold:hover{box-shadow:0 10px 30px #a97b2d40}.hover-scale:hover{transform:scale(1.02)}.button-primary{background:var(--gold);color:var(--navy-dark);border-radius:var(--radius-lg);justify-content:center;align-items:center;padding:16px 32px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.button-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.social-link{border-radius:var(--radius-md);color:var(--gold-light);background:#c9a84c1a;border:1px solid #c9a84c4d;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.social-link:hover{background:#c9a84c33;border-color:#c9a84c99}html:not(.light-mode) select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--input-bg)!important;color:var(--text-primary)!important;border:1px solid var(--input-border)!important}html:not(.light-mode) select option{background-color:var(--select-option-bg)!important;color:var(--select-option-text)!important}@-moz-document url-prefix(){html:not(.light-mode) select option{background-color:var(--select-option-bg)!important;color:var(--select-option-text)!important}}html.light-mode select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:not(.light-mode) .contact-form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:40px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading{animation:1.5s ease-in-out infinite pulse}.parallax-slow{will-change:transform;transform:translateZ(0)}.nav-link{padding-bottom:6px;display:inline-block;position:relative}.nav-link:after{content:"";background:var(--gold);transform-origin:50%;pointer-events:none;width:100%;height:2px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.nav-link:after{transition:none}}@media (max-width:768px){.navbar-desktop-menu{display:none!important}.navbar-hamburger{display:flex!important}section,div[style*="padding: 96px 56px"],div[style*="padding: 80px 56px"],div[style*="padding: 120px 56px"]{padding-left:clamp(16px,5vw,32px)!important;padding-right:clamp(16px,5vw,32px)!important}footer{padding-left:24px!important;padding-right:24px!important}}@media (max-width:480px){section,div[style*="padding: 96px 56px"],div[style*="padding: 80px 56px"],div[style*="padding: 120px 56px"]{padding-left:16px!important;padding-right:16px!important}}@media (min-width:769px){.navbar-hamburger{display:none!important}}@media (max-width:768px){.stats-bar-container{gap:12px!important;padding:20px 16px!important}.stats-bar-item{border-right:none!important;min-width:calc(50% - 24px)!important;padding:12px 16px!important}.stats-bar-item:nth-child(odd){border-right:1px solid var(--border-subtle)!important}.stats-bar-item:last-child{border-right:none!important}}@media (max-width:480px){.stats-bar-container{gap:8px!important;padding:16px 12px!important}.stats-bar-item{border-right:none!important;min-width:100%!important;padding:16px 12px!important}}@media (max-width:768px){.services-grid,.etymology-grid{grid-template-columns:1fr!important;gap:16px!important}.case-studies-grid{grid-template-columns:1fr!important;gap:24px!important}.contact-form-row{flex-direction:column!important;gap:16px!important}.contact-form-input{width:100%!important}.partners-grid{grid-template-columns:1fr!important;gap:16px!important}.case-studies-ecosystem-grid{grid-template-columns:1fr!important;gap:20px!important}.site-footer{padding-left:24px!important;padding-right:24px!important}.site-footer>div:first-child{flex-direction:column!important;gap:32px!important}.site-footer>div:first-child>div{max-width:100%!important}.insights-articles-grid,.insights-reports-grid{grid-template-columns:1fr!important;gap:20px!important}.toko-products-grid{grid-template-columns:1fr!important;gap:24px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){[class*=swiper-wrapper]>[class*=swiper-slide]>div[style*="height: 400px"],div[style*="height: 400px"][style*="align-items: center"]{height:280px!important}}