.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 15px;border-radius:999px;background:var(--accent);color:var(--primary-dark);font-size:var(--size);font-weight:600;margin-bottom:16px;border:2px solid var(--line)}h1{font-size:clamp(2.2rem, 5vw, 4.2rem);line-height:1.08;margin:0 0 16px;letter-spacing:-.03em;font-weight:800}.lead{font-size:var(--size);max-width:60ch;margin:0 0 24px}section{padding:80px 0}.section-title{margin-bottom:32px}.section-title h1{color:var(--primary-dark);font-weight:800}.section-title p{margin:0;max-width:70ch;font-size:var(--size)}.hero-article{padding:80px 0 50px;text-align:left;background:radial-gradient(circle at top,#ffffff 0%,var(--bg) 55%,#eef6f1 100%)}.artikel-layout{display:block}.artikel-main{display:flex;flex-direction:column;gap:20px}.artikel-content{line-height:1.7;color:var(--text)}.artikel-content h2{color:var(--primary-dark);margin:0 0 14px;font-weight:800}.artikel-content p{margin:0 0 16px}.artikel-content ul{margin:0 0 20px;padding-left:22px;line-height:1.8}.artikel-content ul li{margin-bottom:6px}.artikel-image{aspect-ratio:16 / 9;border-radius:14px;overflow:hidden}.artikel-image img{width:100%;height:100%;object-fit:cover}.card-layout-produk{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);height:100%;transition:0.3s;font-size:17px}.card-layout-produk h2{font-size:30px}.divider{border:0;border-top:2px solid var(--line);margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid #fff0;transition:0.2s ease}.btn-secondary-cta{background:var(--accent);color:var(--primary-dark);transition:0.5s}.btn-secondary-cta:hover{border-color:var(--primary-dark);box-shadow:var(--shadow)}@media (max-width:768px){.hero-article{padding:60px 0 40px}}