:root{--pastel:#ceebf6;--pastel-soft:#e9f6fb;--accent:#1d96c4;--accent-dark:#15749a;--accent-darker:#0f5b7a;--bg:#fff;--bg-soft:#f5f5f5;--ink:#0f1419;--ink-soft:#46545e;--line:#d9e4ea;--radius:16px;--maxw:1120px;--font:"Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.landing{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.landing img,.landing svg{display:block}.landing a{color:var(--accent-dark);text-decoration:none}.landing a:focus-visible,.landing button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.img-slot{border-radius:20px;width:100%;overflow:hidden}.img-slot img{object-fit:cover;width:100%;height:100%}.img-slot.kosong{background:repeating-linear-gradient(45deg, var(--pastel-soft), var(--pastel-soft) 12px, #f8fcfe 12px, #f8fcfe 24px);border:1px dashed var(--line);place-items:center;display:grid}.img-slot.kosong span{color:var(--ink-soft);text-align:center;padding:0 24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;height:68px;display:flex}.logo{color:var(--ink);align-items:center;gap:12px;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid}.logo-text{line-height:1.15}.logo-text strong{letter-spacing:1px;font-size:17px;font-weight:800;display:block}.logo-text span{color:var(--ink-soft);font-size:11px;font-weight:500;display:block}.site-nav{align-items:center;gap:28px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-soft);font-size:14.5px;font-weight:600}.site-nav a:hover{color:var(--accent-dark)}.nav-cta{background:var(--accent);border-radius:999px;padding:10px 18px;font-weight:700;color:#fff!important}.nav-cta:hover{background:var(--accent-dark)}.btn{min-height:48px;font-family:var(--font);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15.5px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-secondary{color:var(--accent-dark);border:1.5px solid var(--accent);background:#fff}.btn-secondary:hover{background:var(--pastel-soft)}.landing section{padding:88px 0}.section-soft{background:var(--bg-soft)}.section-pastel{background:var(--pastel-soft)}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-dark);margin-bottom:14px;font-size:13px;font-weight:700;display:inline-block}.landing h2{letter-spacing:-.3px;text-wrap:pretty;max-width:640px;font-size:clamp(26px,3.4vw,32px);font-weight:700;line-height:1.3}.section-head{margin-bottom:48px}.section-head p{color:var(--ink-soft);text-wrap:pretty;max-width:560px;margin-top:14px}.hero{background:linear-gradient(180deg, var(--pastel) 0%, var(--pastel-soft) 78%, #fff 100%);padding:96px 0 104px}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.hero h1{letter-spacing:-.5px;text-wrap:pretty;font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.18}.hero h1 em{color:var(--accent-dark);font-style:normal}.hero-sub{color:var(--ink-soft);text-wrap:pretty;max-width:520px;margin-top:22px;font-size:17.5px}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-akronim{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:38px;font-size:13px;font-weight:600;display:flex}.hero-akronim span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 13px}.hero-akronim span strong{color:var(--accent-dark);font-weight:800}.hero-visual{position:relative}.hero-visual .img-slot{height:420px}.hero-caption{color:var(--ink-soft);text-align:center;margin-top:12px;font-size:13px}.card-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.challenge-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:32px 28px}.challenge-card h3{margin:18px 0 10px;font-size:19px;font-weight:700}.challenge-card p{color:var(--ink-soft);font-size:15px}.icon-chip{background:var(--pastel);width:52px;height:52px;color:var(--accent-darker);border-radius:14px;place-items:center;display:grid}.pillar-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.pillar-card{border-radius:var(--radius);background:var(--pastel-soft);border:1px solid #0000;padding:36px 32px}.pillar-card.putih{border-color:var(--line);background:#fff}.pillar-num{letter-spacing:1.5px;color:var(--accent-dark);text-transform:uppercase;font-size:13px;font-weight:800}.pillar-card h3{margin:10px 0 12px;font-size:21px;font-weight:700}.pillar-card p{color:var(--ink-soft);font-size:15.5px}.pillar-keys{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pillar-keys span{color:var(--accent-darker);background:var(--pastel);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.story-narasi{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:320px 1fr;align-items:start;gap:48px;padding:48px;display:grid}.story-narasi .img-slot{border-radius:16px;height:360px}.story-body h3{letter-spacing:-.3px;margin-bottom:18px;font-size:24px;font-weight:800}.story-body p{color:var(--ink-soft);text-wrap:pretty;margin-bottom:14px;font-size:16px}.story-body p strong{color:var(--ink)}.story-kicker{background:var(--pastel-soft);color:var(--accent-darker);border-radius:12px;margin-top:22px;padding:16px 20px;font-size:15.5px;font-weight:700}.story-tabel{gap:18px;display:grid}.ba-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ba-cell{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);background:#fff;padding:26px 28px;font-size:15px}.ba-cell .ba-tag{letter-spacing:1px;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.ba-before .ba-tag{background:var(--bg-soft);color:var(--ink-soft)}.ba-after{border-color:var(--accent)}.ba-after .ba-tag{background:var(--pastel);color:var(--accent-darker)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.metric-card{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:32px 28px}.metric-num{letter-spacing:-1px;color:var(--accent-dark);font-size:clamp(36px,4vw,46px);font-weight:800;line-height:1.1}.metric-label{margin-top:10px;font-size:15.5px;font-weight:700}.metric-sub{color:var(--ink-soft);margin-top:6px;font-size:13.5px}.cta-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.cta-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:14px;padding:34px 30px;display:flex}.cta-aud{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-dark);font-size:12.5px;font-weight:800}.cta-card h3{font-size:20px;font-weight:700}.cta-card p{color:var(--ink-soft);flex:1;font-size:14.5px}.cta-card .btn{align-self:flex-start}.site-footer{background:var(--ink);color:#c8d3da;padding:64px 0 36px;font-size:14px}.footer-grid{grid-template-columns:1.4fr 1fr 1.2fr;gap:48px;margin-bottom:48px;display:grid}.site-footer .logo-text strong{color:#fff}.site-footer .logo-text span{color:#8fa0ab}.site-footer h4{color:#fff;margin-bottom:14px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#c8d3da}.footer-links a:hover{color:#fff}.footer-note{color:#8fa0ab;border-top:1px solid #2a3640;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:24px;font-size:13px;display:flex}.footer-desc{color:#8fa0ab;max-width:340px;margin-top:16px}@media (width<=1024px){.hero .wrap{grid-template-columns:1fr;gap:44px}.hero-visual .img-slot{height:340px}.card-grid-3,.metric-grid{grid-template-columns:1fr 1fr}.cta-grid{grid-template-columns:1fr}.story-narasi{grid-template-columns:1fr;padding:36px 28px}.story-narasi .img-slot{max-width:420px;height:280px}}@media (width<=768px){.landing section{padding:64px 0}.hero{padding:64px 0 72px}.site-nav a:not(.nav-cta){display:none}.card-grid-3,.pillar-grid,.ba-row,.metric-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}