:root{
  --brand:#1B5FAE;
  --brand-dark:#123F73;
  --indigo:#4B4E7D;
  --indigo-dark:#383B60;
  --green:#2E8B57;
  --amber:#E8A33D;
  --bg-soft:#F5F7FB;
  --ink:#1F2430;
  --muted:#6B7280;
}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;}
h1,h2,h3,h4,.brand-word{font-family:'Poppins',sans-serif;}
a{text-decoration:none;}
.text-ink{color:var(--ink)!important;}
.text-light-70{color:rgba(255,255,255,.7);}

/* topbar */
.topbar{background:var(--indigo-dark);color:#e7e9f5;}
.topbar-cta{color:#fff;font-weight:600;background:var(--amber);padding:3px 14px;border-radius:20px;font-size:12.5px;}
.topbar-cta:hover{background:#d6912e;color:#fff;}

/* navbar */
.brand-mark{
  width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;
}
.brand-mark-light{background:rgba(255,255,255,.15);}
.brand-word{font-size:14px;line-height:1.3;color:var(--brand-dark);}
.brand-word small{color:var(--muted);font-weight:400;font-family:'Inter';font-size:11.5px;}
.nav-link{color:var(--ink);font-size:14.5px;}
.nav-link:hover{background:var(--bg-soft);}
.nav-active{background:var(--indigo)!important;color:#fff!important;}
.nav-active:hover{background:var(--indigo-dark)!important;color:#fff!important;}

/* hero */
.hero{
  position:relative;min-height:520px;display:flex;align-items:center;color:#fff;
  background-size:cover;background-position:center;
}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg, rgba(18,29,54,.92) 30%, rgba(18,29,54,.55) 100%);}
.hero .container{position:relative;z-index:2;}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#B9C6DA;font-size:13.5px;font-weight:600;margin-bottom:14px;}
.hero .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);}
.hero h1{font-weight:700;font-size:clamp(28px,4vw,42px);max-width:680px;}
.hero p{color:#D6DEEC;max-width:560px;font-size:16px;margin-top:14px;}

/* page header (inner pages) */
.page-header{background:var(--bg-soft);padding:36px 0 34px;border-bottom:1px solid #E7EAF1;}
.page-header .eyebrow{color:var(--brand);font-weight:600;font-size:13px;}
.page-header h1{font-weight:700;font-size:clamp(24px,3vw,32px);margin-top:6px;color:var(--brand-dark);}
.page-header .lead-desc{color:var(--muted);max-width:640px;margin-top:8px;font-size:15px;}
.breadcrumb-item a{color:var(--muted);}
.breadcrumb-item.active{color:var(--ink);}

/* buttons */
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;}
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}
.btn-amber{background:var(--amber);border-color:var(--amber);color:#fff;font-weight:600;}
.btn-amber:hover{background:#d6912e;border-color:#d6912e;color:#fff;}
.btn-outline-brand{border-color:#fff;color:#fff;font-weight:600;}
.btn-outline-brand:hover{background:#fff;color:var(--brand-dark);}

/* generic sections */
section{padding:72px 0;}
.section-tag{color:var(--brand);font-weight:600;font-size:13px;letter-spacing:.02em;}
.section-title{font-weight:700;color:var(--brand-dark);font-size:clamp(22px,2.6vw,28px);margin-top:6px;}
.bg-soft{background:var(--bg-soft);}

/* value cards */
.value-card{border:1px solid #E7EAF1;border-radius:14px;padding:26px 22px;height:100%;transition:box-shadow .15s, transform .15s;background:#fff;}
.value-card:hover{box-shadow:0 16px 30px -20px rgba(18,29,54,.35);transform:translateY(-3px);}
.value-ic{width:46px;height:46px;border-radius:12px;background:var(--bg-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.value-card h5{font-weight:600;font-size:16px;color:var(--ink);}
.value-card p{color:var(--muted);font-size:13.5px;margin-bottom:0;}

/* news cards */
.news-card{border:1px solid #E7EAF1;border-radius:14px;overflow:hidden;background:#fff;height:100%;transition:box-shadow .15s, transform .15s;}
.news-card:hover{box-shadow:0 16px 30px -20px rgba(18,29,54,.35);transform:translateY(-3px);}
.news-card .thumb{height:190px;overflow:hidden;}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;}
.news-card .body{padding:20px 20px 22px;}
.tag-pill{font-size:11px;font-weight:600;color:var(--green);background:#E9F5EE;padding:3px 10px;border-radius:20px;}
.news-date{font-size:12px;color:var(--muted);}
.news-card h3{font-size:17px;font-weight:600;margin:10px 0 8px;line-height:1.35;}
.news-card p{color:var(--muted);font-size:13.5px;}
.read-more{font-size:13.5px;font-weight:600;color:var(--brand);}
.read-more:hover{color:var(--brand-dark);}

/* article full content */
.article-block{border-top:1px solid #E7EAF1;padding-top:48px;margin-top:48px;}
.article-block:first-of-type{border-top:none;padding-top:0;margin-top:0;}
.article-block img{border-radius:12px;}
.article-block .article-meta{font-size:13px;color:var(--muted);margin-bottom:10px;}
.article-block h2{font-weight:700;color:var(--brand-dark);font-size:clamp(20px,2.4vw,26px);}
.article-block p{color:#3A4256;font-size:15px;line-height:1.75;}

/* culture / cta band */
.cta-band{background:linear-gradient(100deg, var(--indigo-dark), var(--indigo));color:#fff;border-radius:18px;padding:44px;}
.cta-band h3{font-weight:700;font-size:24px;}
.cta-band p{color:#D6DEEC;}

/* footer */
.site-footer{background:#101a30;}
.footer-links li{margin-bottom:9px;}
.footer-links a{color:rgba(255,255,255,.7);}
.footer-links a:hover{color:#fff;}

/* rekrutmen */
.job-card{border:1px solid #E7EAF1;border-radius:14px;padding:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#fff;}
.job-card h5{font-weight:600;margin-bottom:4px;}
.job-meta{font-size:13px;color:var(--muted);}

/* kontak */
.contact-card{border:1px solid #E7EAF1;border-radius:14px;padding:26px;height:100%;background:#fff;}
.contact-card .ic{width:42px;height:42px;border-radius:10px;background:var(--bg-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.map-frame{border-radius:14px;overflow:hidden;border:1px solid #E7EAF1;min-height:360px;}
.map-frame iframe{width:100%;height:100%;min-height:360px;border:0;display:block;}

@media (max-width:991px){
  section{padding:52px 0;}
  .cta-band{padding:32px;}
}