:root{ --hero-start:#0ea5e9; --hero-end:#2563eb; --radius:16px; }
*{letter-spacing:.01em}
body{scroll-behavior:smooth}
.brand-logo{ height:28px; width:auto; display:block; }
.gradient-hero{ background: linear-gradient(135deg,var(--hero-start),var(--hero-end)); }
.hero .btn{ border-radius:10px }
.pricing .card{ border-radius:1rem; transition:transform .15s ease, box-shadow .15s ease }
.pricing .card:hover{ transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.08) }
.pricing .pricing-hot{ transform: translateY(-6px); }

/* slider putih polos */
/* slider 2 baris, putih polos */
.logo-slider{ overflow:hidden; border-radius:12px; background:transparent; padding:0; position:relative; display:flex; flex-direction:column; gap:16px }
.logo-track{ display:flex; gap:48px; align-items:center; will-change:transform }
.logo-item{ height:54px; display:flex; align-items:center; opacity:.85; filter:grayscale(100%); transition:filter .2s, opacity .2s }
.logo-item:hover{ filter:none; opacity:1 }
.logo-item img{ height:54px; width:auto; display:block }


.feature-card{ border:0; border-radius:var(--radius); box-shadow:0 6px 18px rgba(0,0,0,.06); height:100%; overflow:hidden }
.feature-card img{ width:100%; height:160px; object-fit:cover }
.feature-card .card-body{ min-height:170px }

#loader{ position:fixed; inset:0; display:grid; place-items:center; background:#fff; z-index:9999; transition:opacity .3s ease, visibility .3s ease }
#loader img{ width:72px; height:auto; animation:pulse 1.2s infinite }
#loader.hide{ opacity:0; visibility:hidden }
@keyframes pulse{ 0%{transform:scale(1);opacity:.6} 50%{transform:scale(1.06);opacity:1} 100%{transform:scale(1);opacity:.6} }
/* testimonials */
/* testimonials */
.testimonial-card{background:#fff;border:0;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.06);height:100%}
.testimonial-card .card-body{padding:1.25rem 1.25rem 1rem}
.testimonial-quote{font-size:0.98rem;line-height:1.55;color:#334155}
.testimonial-head{display:flex;align-items:center;gap:12px;margin-bottom:.75rem}
.testimonial-logo{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#f1f5f9}
.testimonial-logo img{max-width:100%;max-height:100%}
.testimonial-meta{font-size:.9rem}
.testimonial-meta .brand{font-weight:600}
.testimonial-meta .name{color:#64748b}