/* ============================================================
   site-theme.css — menyamakan semua halaman dengan gaya beranda
   (Inter, spasi huruf normal, navy solid, radius 8px, tanpa
   gradien, tanpa efek melayang). Dimuat PALING AKHIR di header.
   ============================================================ */
:root{ --st-navy:#06337b; --st-navy-2:#0a1f44; --st-accent:#2563eb; --st-ink:#0f172a; --st-muted:#475569; --st-line:#e6eaf1; --st-soft:#f5f7fc; --st-r:8px; }

/* ---------- Tipografi ---------- */
body,h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,textarea,select,label,div,td,th,small,strong,em,blockquote,figcaption{ font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important; }
pre,code,kbd,samp,pre *,code *{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important; }
h1,h2,h3,h4,h5,h6,.about-title,.about-h2,.pf-hero h1,.blog-hero h1,.rd-title,.rd-name,.pd-title,.pf-card-title,.pilar-cta-title,.contact-hero h1{ letter-spacing:normal !important; }
h1,h2,h3,.about-title,.about-h2,.pf-hero h1,.blog-hero h1,.rd-title,.pd-title,.pilar-cta-title,.contact-hero h1{ font-weight:700 !important; }

/* ---------- Hero halaman dalam: navy solid, tanpa hiasan ---------- */
.about-hero,.pf-hero,.blog-hero,.pd-hero,.rd-hero,.rd-cover-empty{ background:var(--st-navy) !important; }
.about-hero::before,.about-hero::after,.pf-hero::before,.blog-hero::before,.pd-hero::before{ display:none !important; }
.about-title,.pf-hero h1,.blog-hero h1,.pd-title{ font-size:clamp(30px,2.6vw + 1rem,44px) !important; line-height:1.15 !important; }
.about-subtitle,.pf-hero p,.blog-hero p,.pd-tagline{ color:rgba(255,255,255,.85) !important; font-size:18px !important; line-height:1.6 !important; }
.about-badge,.pf-hero .about-badge,.pd-badge{ background:rgba(255,255,255,.12) !important; color:#fff !important; border:1px solid rgba(255,255,255,.25) !important; border-radius:4px !important; font-weight:600 !important; letter-spacing:normal !important; text-transform:none !important; padding:5px 12px !important; }
.pd-badge-product{ background:#fff !important; color:var(--st-navy) !important; border-color:#fff !important; }

/* Tombol di hero: putih, tanpa kuning */
.about-hero a.btn.about-cta,.about-cta,.pd-btn-demo{ background:#fff !important; border:1px solid #fff !important; color:var(--st-navy) !important; border-radius:6px !important; font-weight:700 !important; box-shadow:none !important; transform:none !important; }
.about-hero a.btn.about-cta:hover,.about-cta:hover,.pd-btn-demo:hover{ background:#e8f0fe !important; color:var(--st-navy) !important; transform:none !important; box-shadow:none !important; }
.about-hero a.btn.about-cta-outline,.about-cta-outline,.pd-btn-ghost{ border:1px solid rgba(255,255,255,.5) !important; color:#fff !important; border-radius:6px !important; background:transparent !important; transform:none !important; }
.about-hero a.btn.about-cta-outline:hover,.about-cta-outline:hover,.pd-btn-ghost:hover{ background:rgba(255,255,255,.1) !important; color:#fff !important; }
.about-hero .about-stat{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:var(--st-r) !important; box-shadow:none !important; padding:14px 18px !important; }
.about-hero .about-stat .value{ font-size:28px !important; color:#fff !important; font-weight:700 !important; letter-spacing:normal !important; }
.about-hero .about-stat .label{ color:rgba(255,255,255,.75) !important; font-size:13px !important; }
.about-hero-card{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; backdrop-filter:none !important; }
.about-hero-photo{ width:100%; max-width:400px; height:auto; display:block; margin:0 auto; border-radius:var(--st-r); }

/* ---------- Judul seksi: garis aksen pendek seperti beranda ---------- */
.about-h2,.pilar-cta-title{ font-size:clamp(28px,2.2vw + 1rem,40px) !important; }
.about-h2::after{ content:""; display:block; width:56px; height:4px; background:var(--st-navy); margin:14px auto 0; }
.about-p{ font-size:18px !important; color:var(--st-muted) !important; }

/* ---------- Kartu: bingkai tipis, radius 8, tanpa melayang ---------- */
.about-card,.exp-card,.edu-card,.value-card,.team-card,.pf-card,.blog-card,.blog-featured,.rd-header-card,.rd-body-card,.rd-sidebar-card,.rd-rel-card,.rd-profile-card,.rd-cmt-card,.pd-section,.pd-package,.pd-audience-item,.pd-gallery-item,.pd-quote,.pd-result-highlight,.contact-card,.contact-form-card,.contact-info-card,.card{ border-radius:var(--st-r) !important; box-shadow:none !important; }
.about-card:hover,.exp-card:hover,.edu-card:hover,.value-card:hover,.team-card:hover,.pf-card:hover,.blog-card:hover,.blog-featured:hover,.rd-rel-card:hover,.pd-gallery-item:hover,.pd-package:hover{ transform:none !important; box-shadow:none !important; border-color:var(--st-navy) !important; }
.about-card,.exp-card,.edu-card,.value-card,.team-card{ border:1px solid var(--st-line) !important; }
.about-card-icon,.edu-icon,.value-ic,.pf-card-cat,.blog-tag,.rd-tag,.rd-badge,.chip,.pd-tech,.pd-package-flag{ border-radius:4px !important; }
.about-card-icon,.edu-icon,.value-ic,.team-photo{ background:rgba(6,51,123,.06) !important; color:var(--st-navy) !important; }
.value-ic,.edu-icon{ box-shadow:none !important; }
.pd-package.is-highlight{ box-shadow:none !important; border-color:var(--st-navy) !important; }

/* Timeline pengalaman (Tentang) */
.exp-period,.edu-period-text{ background:rgba(6,51,123,.06) !important; color:var(--st-navy) !important; border-radius:4px !important; font-weight:600 !important; letter-spacing:normal !important; text-transform:none !important; }
.timeline::before{ background:var(--st-line) !important; }
.timeline-item .dot{ background:var(--st-navy) !important; box-shadow:none !important; }

/* ---------- Portfolio ---------- */
.pf-stats{ display:none !important; }
.pf-filters{ padding-top:36px !important; }
.pf-filter-btn{ border-radius:6px !important; font-weight:600 !important; }
.pf-card-img{ background:var(--st-soft) !important; }
.pf-card-img::after{ display:none !important; }
.pf-card-cat{ font-weight:600 !important; font-size:12px !important; }
.pf-card-title{ font-size:18px !important; }
.pd-hero + section img{ border-radius:var(--st-r) !important; box-shadow:none !important; border:1px solid var(--st-line) !important; }
.pd-quote{ background:var(--st-navy-2) !important; }
.pd-result-highlight{ background:var(--st-navy) !important; }

/* ---------- Blog ---------- */
.blog-hero{ padding:130px 0 60px !important; }
.blog-search-box,.blog-search-btn,.btn-load-more,.pagination .page-link{ border-radius:6px !important; transform:none !important; box-shadow:none !important; }
.btn-load-more:hover{ transform:none !important; }
.rd-cover{ border-radius:0 0 var(--st-r) var(--st-r) !important; }
.rd-cover .overlay{ background:linear-gradient(to top, rgba(6,51,123,.55), transparent 60%) !important; }
.rd-title{ font-size:clamp(26px,2vw + 1rem,34px) !important; }
.rd-content pre{ background:var(--st-navy-2) !important; border-radius:6px !important; }
.rd-content th{ background:var(--st-soft) !important; text-transform:none !important; letter-spacing:normal !important; font-size:13px !important; }
.rd-info .lbl{ text-transform:none !important; letter-spacing:normal !important; font-size:12px !important; color:var(--st-muted) !important; }
.rd-progress{ background:var(--st-accent) !important; }

/* ---------- Kontak ---------- */
.contact-hero{ background:#fff !important; border-bottom:1px solid var(--st-line); padding:120px 0 44px !important; }
.contact-hero h1{ font-size:clamp(30px,2.6vw + 1rem,44px) !important; color:var(--st-ink) !important; }
.contact-hero p{ font-size:18px !important; color:var(--st-muted) !important; }
.form-control{ border-radius:6px !important; box-shadow:none !important; }
.form-control:focus{ border-color:var(--st-navy) !important; box-shadow:0 0 0 3px rgba(6,51,123,.12) !important; }

/* ---------- Pita CTA bawah (semua halaman) ---------- */
.pilar-cta-partner{ background:var(--st-navy) !important; }
.pilar-cta-partner::before,.pilar-cta-partner::after{ display:none !important; }
.pilar-cta-partner-box{ background:transparent !important; border:0 !important; border-radius:0 !important; backdrop-filter:none !important; box-shadow:none !important; padding:16px 0 !important; }
.pilar-cta-title{ color:#fff !important; }
.pilar-cta-subtitle{ color:rgba(255,255,255,.85) !important; font-size:17px !important; }
.pilar-cta-partner .btn,.pilar-cta-partner a.btn{ background:#fff !important; color:var(--st-navy) !important; border:1px solid #fff !important; border-radius:6px !important; font-weight:700 !important; box-shadow:none !important; transform:none !important; }

/* ---------- Tombol umum ---------- */
.btn,.btn-primary,.pf-card-link{ border-radius:6px !important; }
.btn-primary,button.btn-primary,a.btn-primary{ background:var(--st-navy) !important; border-color:var(--st-navy) !important; box-shadow:none !important; transform:none !important; }
.btn-primary:hover{ background:var(--st-accent) !important; border-color:var(--st-accent) !important; }