/*
Theme Name: AGK Astra Child
Theme URI: https://example.com/
Description: Premium corporate child theme for Artomoro Global Kencana (AGK), designed for Astra.
Author: AGK
Version: 1.0.0
Template: astra
Text Domain: agk-astra
*/
:root{
  --agk-blue:#0b5ed7;--agk-navy:#0b1320;--agk-blue2:#1f4e79;--agk-gold:#ffc107;
  --agk-bg:#f5f8fc;--agk-text:#243447;--agk-muted:#64748b;--agk-white:#fff;
  --agk-radius:18px;--agk-shadow:0 18px 50px rgba(11,19,32,.10)
}
html{scroll-behavior:smooth}
body{background:var(--agk-bg);color:var(--agk-text)}
a{transition:.25s ease}
.agk-container{width:min(1180px,92%);margin:auto}
.agk-section{padding:90px 0}
.agk-section--white{background:#fff}
.agk-eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--agk-blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:12px}
.agk-eyebrow:before{content:"";width:28px;height:2px;background:var(--agk-gold)}
.agk-title{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:0 0 18px;color:var(--agk-navy);font-weight:800}
.agk-lead{font-size:18px;line-height:1.75;color:var(--agk-muted);max-width:720px}
.agk-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#07111f 0%,#0b2f5b 58%,#0b5ed7 100%);color:#fff;padding:120px 0 110px}
.agk-hero:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:520px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(4px)}
.agk-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.agk-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:0 0 24px;color:#fff;font-weight:800;letter-spacing:-.04em}
.agk-hero p{font-size:19px;line-height:1.75;color:rgba(255,255,255,.82);max-width:650px}
.agk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.agk-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 24px;font-weight:700;text-decoration:none!important}
.agk-btn--primary{background:var(--agk-gold);color:#111!important}
.agk-btn--outline{border:1px solid rgba(255,255,255,.35);color:#fff!important;background:rgba(255,255,255,.06)}
.agk-glass{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.2)}
.agk-hero-card{padding:28px}
.agk-hero-card h3{color:#fff;margin:0 0 18px}
.agk-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.agk-stat{padding:18px;border-radius:16px;background:rgba(255,255,255,.08)}
.agk-stat strong{display:block;font-size:28px;color:#fff}
.agk-stat span{font-size:13px;color:rgba(255,255,255,.7)}
.agk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.agk-card{background:#fff;border:1px solid #e7edf5;border-radius:var(--agk-radius);padding:28px;box-shadow:var(--agk-shadow);height:100%;box-sizing:border-box}
.agk-card h3{margin:0 0 10px;color:var(--agk-navy)}
.agk-card p{color:var(--agk-muted);line-height:1.7}
.agk-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;color:var(--agk-blue);font-size:23px;margin-bottom:20px}
.agk-product-card{overflow:hidden;padding:0}
.agk-product-img{aspect-ratio:16/10;background:linear-gradient(135deg,#eaf2ff,#f7fbff);display:grid;place-items:center;overflow:hidden}
.agk-product-img img{width:100%;height:100%;object-fit:cover}
.agk-product-body{padding:24px}
.agk-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef5ff;color:var(--agk-blue);font-size:12px;font-weight:700;margin-bottom:10px}
.agk-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.agk-service-card{position:relative;overflow:hidden}
.agk-service-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#eaf2ff;right:-70px;top:-70px}
.agk-cta{background:linear-gradient(120deg,#07111f,#0b5ed7);color:#fff;border-radius:28px;padding:55px}
.agk-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(30px,4vw,48px)}
.agk-cta p{color:rgba(255,255,255,.78)}
.agk-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
.agk-contact-item{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e5eaf1}
.agk-contact-item strong{display:block;color:var(--agk-navy)}
.agk-contact-item span{color:var(--agk-muted)}
.agk-float-wa{position:fixed;right:22px;bottom:22px;z-index:9999;background:#25d366;color:#fff!important;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 30px rgba(0,0,0,.2);text-decoration:none}
.agk-breadcrumb{padding:18px 0;color:var(--agk-muted);font-size:14px}
.agk-single{max-width:920px;margin:auto;background:#fff;padding:clamp(28px,5vw,60px);border-radius:24px;box-shadow:var(--agk-shadow)}
.agk-single img{max-width:100%;height:auto;border-radius:18px}
.agk-footer{background:#07111f;color:#fff;padding:60px 0 25px}
.agk-footer p,.agk-footer li{color:rgba(255,255,255,.65)}
.agk-footer a{color:rgba(255,255,255,.82)}
.agk-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}
@media(max-width:900px){
 .agk-hero-grid,.agk-contact-grid{grid-template-columns:1fr}
 .agk-grid,.agk-service-list{grid-template-columns:repeat(2,1fr)}
 .agk-hero{padding:90px 0}
 .agk-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .agk-section{padding:65px 0}
 .agk-grid,.agk-service-list,.agk-stat-grid,.agk-footer-grid{grid-template-columns:1fr}
 .agk-cta{padding:34px 24px}
 .agk-hero h1{font-size:43px}
}