/* PKBI Tentang Kami. Scoped to the Elementor root. Editors can replace, reorder,
   and duplicate native Elementor containers/widgets without rewriting markup. */
.pkbi-about { --pkbi-navy:#13273F; --pkbi-gold:#C9A66A; --pkbi-ivory:#F8F6F0; --pkbi-line:#E7E2D8; --pkbi-ink:#24364A; color:var(--pkbi-ink); font-family:Arial,Helvetica,sans-serif; overflow:hidden; }
.pkbi-about *, .pkbi-about *::before, .pkbi-about *::after { box-sizing:border-box; }
.pkbi-about .pkbi-section { width:100%; padding:84px clamp(18px,4vw,64px); }
.pkbi-about .pkbi-section-inner { width:100%; max-width:1190px; margin:0 auto; gap:0; }
.pkbi-about .elementor-heading-title {line-height:1.15;}
.pkbi-about .elementor-widget-text-editor p { line-height:1.7; margin:0 0 14px; }
.pkbi-about .pkbi-overline .elementor-heading-title { letter-spacing:2px; font-family:Arial,Helvetica,sans-serif; }
.pkbi-about .elementor-button { text-decoration:none; box-shadow:none; border:1px solid transparent; transition:transform .25s, background .25s,box-shadow .25s; }
.pkbi-about .elementor-button:hover {transform:translateY(-2px);box-shadow:0 8px 18px rgba(19,39,63,.16);}
.pkbi-about .pkbi-btn-ghost .elementor-button {border-color:#d9c49b !important;}
.pkbi-about .pkbi-hero { padding-top:60px; padding-bottom:65px; }
.pkbi-about .pkbi-hero-grid {display:grid !important;grid-template-columns:1fr 1.04fr;align-items:center;gap:clamp(24px,4vw,62px);}
.pkbi-about .pkbi-hero-copy {gap:0;min-width:0;}
.pkbi-about .pkbi-hero-copy .elementor-heading-title {color:#fff;}
.pkbi-about .pkbi-hero-media {min-width:0;}
.pkbi-about .pkbi-hero-photo img { width:100%;height:420px;object-fit:cover; border-radius:22px; border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.20); }
.pkbi-about .pkbi-hero-buttons, .pkbi-about .pkbi-cta-buttons {display:flex; flex-wrap:wrap;gap:12px;align-items:center;}
.pkbi-about .pkbi-two-cols {display:grid !important;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;}
.pkbi-about .pkbi-story-image img {width:100%;height:295px;object-fit:cover;border-radius:20px;}
.pkbi-about .pkbi-platform-copy {min-width:0;}
.pkbi-about .pkbi-disclaimer {border-left:3px solid var(--pkbi-gold);padding-left:16px;margin-top:20px;color:#667588;}
.pkbi-about .pkbi-values-grid {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px;}
.pkbi-about .pkbi-value-card {background:#fff;border:1px solid var(--pkbi-line);padding:28px 23px;border-radius:17px;box-shadow:0 12px 25px rgba(19,39,63,.035);transition:transform .3s ease,box-shadow .3s ease;min-width:0;}
.pkbi-about .pkbi-value-card:hover,.pkbi-about .pkbi-service-card:hover,.pkbi-about .pkbi-doc-card:hover {transform:translateY(-5px);box-shadow:0 16px 32px rgba(19,39,63,.10);}
.pkbi-about .pkbi-service-grid {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;}
.pkbi-about .pkbi-service-card {border:1px solid var(--pkbi-line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 10px 25px rgba(19,39,63,.045);transition:transform .3s,box-shadow .3s;min-width:0;}
.pkbi-about .pkbi-service-image img {width:100%;height:190px;object-fit:cover;}
.pkbi-about .pkbi-service-content {padding:22px;}
.pkbi-about .pkbi-founder-grid {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;}
.pkbi-about .pkbi-founder-card {background:#fff;padding:20px;border:1px solid var(--pkbi-line);border-radius:20px;box-shadow:0 10px 24px rgba(19,39,63,.04);}
.pkbi-about .pkbi-profile-img img {width:100%;height:260px;object-fit:cover;border-radius:13px;margin-bottom:14px;}
.pkbi-about .pkbi-team-grid {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:26px;}
.pkbi-about .pkbi-team-card {min-width:0;}
.pkbi-about .pkbi-team-img img {width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:17px;box-shadow:0 8px 22px rgba(19,39,63,.08);margin-bottom:16px;}
.pkbi-about .pkbi-timeline-controls {margin:12px 0 40px;}
.pkbi-about .pkbi-timeline-track { position:relative; display:grid !important; grid-template-columns:repeat(var(--pkbi-steps, 4),minmax(0,1fr)); gap:20px; --pkbi-progress:0;}
.pkbi-about .pkbi-timeline-track::before, .pkbi-about .pkbi-timeline-track::after {content:""; position:absolute;left:14px;top:14px;height:4px;border-radius:20px;pointer-events:none;}
.pkbi-about .pkbi-timeline-track::before {width:calc(100% - 28px);background:#ddd7ce;}
.pkbi-about .pkbi-timeline-track::after {width:calc(100% - 28px);background:var(--pkbi-gold);transform-origin:left center;transform:scaleX(var(--pkbi-progress));transition:transform .16s linear;}
.pkbi-about .pkbi-timeline-step {position:relative; margin-top:28px; padding:24px 20px 15px; background:#fff;border-radius:16px;border:1px solid var(--pkbi-line);box-shadow:0 10px 22px rgba(19,39,63,.04); min-width:0;opacity:1;transform:none;transition:opacity .55s ease, transform .55s ease;}
.pkbi-about.pkbi-motion-ready .pkbi-timeline-step:not(.pkbi-active) {opacity:.46;transform:translateY(14px);}
.pkbi-about .pkbi-timeline-step::before {content:"";position:absolute;left:7px;top:-28px;width:16px;height:16px;background:#eee5d3;border:3px solid #faf8f2;border-radius:100%;box-shadow:0 0 0 1px var(--pkbi-gold);z-index:2;transition:background .3s,transform .3s,box-shadow .3s;}
.pkbi-about .pkbi-timeline-step.pkbi-active::before {background:var(--pkbi-gold);transform:scale(1.15);box-shadow:0 0 0 4px rgba(201,166,106,.15);}
.pkbi-about .pkbi-note {font-size:13px;margin-top:20px;color:#647387;}
.pkbi-about .pkbi-process-grid {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;}
.pkbi-about .pkbi-process-card {padding:21px;border-radius:15px;border:1px solid var(--pkbi-line);background:#fff;}
.pkbi-about .pkbi-docs-grid {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0 36px;}
.pkbi-about .pkbi-doc-card {min-width:0;background:#fff;padding:15px 15px 22px;border-radius:17px;border:1px solid var(--pkbi-line);box-shadow:0 10px 20px rgba(19,39,63,.04);transition:transform .3s,box-shadow .3s;}
.pkbi-about .pkbi-doc-img img {width:100%;height:260px;object-fit:contain;background:#faf9f5;border-radius:11px;margin-bottom:12px;}
.pkbi-about .pkbi-activity-grid {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;}
.pkbi-about .pkbi-activity-card {min-width:0;}
.pkbi-about .pkbi-activity-image img {width:100%;height:220px;object-fit:cover;border-radius:15px;margin-bottom:12px;}
.pkbi-about .pkbi-cta {text-align:left;}
.pkbi-about .pkbi-cta .elementor-heading-title {color:#fff;}
.pkbi-about .pkbi-cta-buttons {margin-top:22px;}
@media (max-width:1024px){
 .pkbi-about .pkbi-values-grid,.pkbi-about .pkbi-team-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .pkbi-about .pkbi-docs-grid,.pkbi-about .pkbi-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .pkbi-about .pkbi-hero-photo img {height:350px;}
}
@media (max-width:767px){
 .pkbi-about .pkbi-section {padding:56px 18px;}
 .pkbi-about .pkbi-hero-grid,.pkbi-about .pkbi-two-cols {grid-template-columns:1fr;gap:24px;}
 .pkbi-about .pkbi-hero-photo img {height:245px;}
 .pkbi-about .pkbi-hero .pkbi-hero-grid {gap:18px;}
 .pkbi-about .pkbi-service-grid,.pkbi-about .pkbi-team-grid,.pkbi-about .pkbi-docs-grid,.pkbi-about .pkbi-activity-grid {grid-template-columns:1fr;}
 .pkbi-about .pkbi-values-grid,.pkbi-about .pkbi-founder-grid,.pkbi-about .pkbi-process-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .pkbi-about .pkbi-value-card {padding:18px 15px;}
 .pkbi-about .pkbi-doc-img img {height:260px;}
 .pkbi-about .pkbi-profile-img img {height:190px;}
 .pkbi-about .pkbi-timeline-track {display:flex !important;flex-direction:column;gap:14px;padding-left:24px;}
 .pkbi-about .pkbi-timeline-track::before,.pkbi-about .pkbi-timeline-track::after {top:13px;left:7px;width:4px;height:calc(100% - 26px);}
 .pkbi-about .pkbi-timeline-track::after {height:calc(100% - 26px);width:4px;transform-origin:top center;transform:scaleY(var(--pkbi-progress));transition:transform .16s linear;}
 .pkbi-about .pkbi-timeline-step {margin:0;padding:17px;}
 .pkbi-about .pkbi-timeline-step::before {top:20px;left:-25px;}
 .pkbi-about .pkbi-hero-buttons,.pkbi-about .pkbi-cta-buttons {flex-direction:column;align-items:stretch;}
 .pkbi-about .pkbi-hero-buttons .elementor-widget-button,.pkbi-about .pkbi-cta-buttons .elementor-widget-button {width:100%;}
 .pkbi-about .pkbi-hero-buttons .elementor-button,.pkbi-about .pkbi-cta-buttons .elementor-button {width:100%;}
}
@media (max-width:380px){
 .pkbi-about .pkbi-founder-grid,.pkbi-about .pkbi-values-grid,.pkbi-about .pkbi-process-grid {grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
 .pkbi-about .pkbi-timeline-step,.pkbi-about .pkbi-timeline-track::after,.pkbi-about .elementor-button {transition:none!important;}
 .pkbi-about.pkbi-motion-ready .pkbi-timeline-step:not(.pkbi-active){opacity:1;transform:none;}
}


/* Visi dan Misi PKBI — tambahan kompatibel dengan hero lama navy gold */
.pkbi-about .pkbi-vision{background:linear-gradient(180deg,#fffdf6,#f7f3e9)!important;padding-top:92px;padding-bottom:100px}
.pkbi-about .pkbi-vision .pkbi-vm-title .elementor-heading-title{font-family:Georgia,serif;font-size:clamp(36px,4vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.12;color:#0b3654}
.pkbi-about .pkbi-vm-intro{max-width:710px;color:#61717f;margin-bottom:20px}
.pkbi-about .pkbi-vm-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;margin-top:20px;align-items:stretch}
.pkbi-about .pkbi-vision-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#0c3553,#09283f);border-radius:24px;padding:45px 40px;min-height:420px;display:flex;flex-direction:column;justify-content:center;border:1px solid #2d526a;box-shadow:0 18px 42px rgba(7,33,56,.10)}
.pkbi-about .pkbi-vision-card:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(232,206,154,.22);border-radius:50%;right:-130px;bottom:-130px;pointer-events:none}
.pkbi-about .pkbi-vision-card .elementor-heading-title{color:#fff!important;position:relative;z-index:1}
.pkbi-about .pkbi-vm-kicker .elementor-heading-title{font:700 11px/1.6 Arial,sans-serif;letter-spacing:2px;color:#C9A66A!important}
.pkbi-about .pkbi-vision-card .pkbi-vm-main .elementor-heading-title{font-family:Georgia,serif;font-weight:500;font-size:clamp(29px,3vw,38px);line-height:1.18;letter-spacing:-.03em;margin:15px 0 19px;color:#fff!important}
.pkbi-about .pkbi-vision-card .elementor-widget-text-editor p{font-size:14px;line-height:1.85;color:#e1e7ec!important;max-width:480px}
.pkbi-about .pkbi-mission-card{border:1px solid #e9e2d5;background:#fffefa;border-radius:24px;padding:34px 36px;box-shadow:0 12px 36px rgba(20,48,70,.05)}
.pkbi-about .pkbi-mission-card > .elementor-widget-heading{margin-bottom:12px}
.pkbi-about .pkbi-mission-item{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid #eee7dd;padding:16px 0}
.pkbi-about .pkbi-mission-item:last-child{border-bottom:0;padding-bottom:0}
.pkbi-about .pkbi-mission-number .elementor-heading-title{font:500 23px/1 Georgia,serif;color:#ad8651}
.pkbi-about .pkbi-mission-title .elementor-heading-title{font-family:Georgia,serif;font-size:21px;font-weight:500;line-height:1.22;letter-spacing:-.015em;color:#0b3654}
.pkbi-about .pkbi-mission-copy p{font-size:13px;line-height:1.8;color:#61717f;margin-top:7px}
@media(max-width:1024px){.pkbi-about .pkbi-vision-card{padding:36px 27px}.pkbi-about .pkbi-mission-card{padding:29px 24px}}
@media(max-width:767px){.pkbi-about .pkbi-vision{padding-top:70px;padding-bottom:75px}.pkbi-about .pkbi-vm-grid{grid-template-columns:1fr;gap:14px}.pkbi-about .pkbi-vision-card{min-height:0;padding:35px 28px;border-radius:20px}.pkbi-about .pkbi-mission-card{padding:28px 24px;border-radius:20px}.pkbi-about .pkbi-mission-item{grid-template-columns:35px minmax(0,1fr);gap:10px}}